css 图片剪切object-fit属性

CSS object-fit 属性

实例
对图片进行剪切，保留原始比例：

img.a {
width: 200px;
height: 400px;
object-fit: cover;
}

属性值
值 描述 尝试一下
fill 默认，不保证保持原有的比例，内容拉伸填充整个内容容器。 尝试一下 »
contain 保持原有尺寸比例。内容被缩放。 尝试一下 »
cover 保持原有尺寸比例。但部分内容可能被剪切。 尝试一下 »
none 保留原有元素内容的长度和宽度，也就是说内容不会被重置。 尝试一下 »
scale-down 保持原有尺寸比例。内容的尺寸与 none 或 contain 中的一个相同，取决于它们两个之间谁得到的对象尺寸会更小一些。 尝试一下 »
initial 设置为默认值，关于 initial
inherit 从该元素的父元素继承属性。 关于 inherit