CSS图像大小，如何填充，不拉伸？

CSS

泡芙阿飞

2020-03-19

我有一张图片，我想将其设置为特定的宽度和高度（以像素为单位）

但是，如果我使用css（width:150px; height:100px）设置宽度和高度，图像将被拉伸，并且可能很难看。

如何使用CSS 将图像填充到特定大小，而不进行拉伸？

填充和拉伸图像示例：

原始图片：

原版的

拉伸图像：

拉长的

填充图片：

填充

请注意，在上面的“填充图像”示例中：首先，将图像调整为150x255（保持纵横比），然后将其裁剪为150x100。

第2351篇《CSS图像大小，如何填充，不拉伸？》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共0个回答

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android