CSS图像大小，如何填充，但不拉伸？
我有一个图像，我想为它设置一个特定的宽度和高度（以像素为单位）
但如果我使用css设置宽度和高度(width：150px；height：100px)，图像会被拉伸，而且可能会很难看。
如何使用CSS填充图像到一个特定的大小，而不是拉伸它？
填充图像：
请注意，在上面的填充图像示例中：首先，图像的大小被调整为150x255（保持的纵横比），然后，它裁剪为150x100。
共有1个答案
可以使用css属性object-fit。
.cover {
object-fit: cover;
width: 50px;
height: 100px;
}<img src="http://i.stack.imgur.com/2OrtT.jpg" class="cover" width="242" height="363" />-
问题内容： 我想为不同的div设置背景图像，但是我的问题是： 图片尺寸为固定值（60px）。 改变div的大小 如何拉伸背景图像以填充整个div背景？ 问题答案： 加 到背景图片下方的CSS。 您还可以指定确切的尺寸，即：
-
问题内容： 我有一个如下所示的div页面 样式 我想调整div的高度以填充（或拉伸到）整个div （标有绿色边框），并且不想越过页脚divD。我该如何解决？ 问题答案： 只需添加到造型。应该没有必要。
-
本文向大家介绍Android不规则图像填充颜色小游戏，包括了Android不规则图像填充颜色小游戏的使用技巧和注意事项，需要的朋友参考一下 一、概述 近期群里偶然看到一哥们在群里聊不规则图像填充什么四联通、八联通什么的，就本身好学务实的态度去查阅了相关资料。对于这类着色的资料，最好的就是去搜索些相关app，根据我的观察呢，不规则图像填充在着色游戏里面应用居多，不过大致可以分为两种： 基于层的的填充
-
问题内容： 我有不同尺寸的大图像，需要在两个尺寸中完全填充240px x 300px的容器。这是我现在得到的，仅适用于一维： HTML CSS 比例应保持不变。本质上，宽图像应被切掉宽度，而高图像应被切掉高度。因此，只需要放大以填充容器即可。 不确定为什么无法使它正常工作，为此我需要JavaScript吗？ 编辑：要清楚。我需要小提琴上所有红色的东西都消失了。进入的图像是动态的，因此我不能使用背景
-
这是我当前gridview的图像： 这是我的griview布局： 这是我的自定义行: 我已经试了大约3个小时，但我不能，上面的代码是我的最新代码。你能帮我吗？如何使两行填充宽度？ 谢谢
-
CSS padding（填充）是一个简写属性，定义元素边框与元素内容之间的空间，即上下左右的内边距。 padding（填充） 当元素的 padding（填充）内边距被清除时，所释放的区域将会受到元素背景颜色的填充。 单独使用 padding 属性可以改变上下左右的填充。 更多实例 在一个声明中的所有填充属性 这个例子演示了使用简写属性设置在一个声明中的所有填充属性，可以有一到四个值。 设置左部填充