<img>标记的css属性是什么，以显示不失真的图像？

Question

这个问题看似很奇怪，但这是要解决的问题：

前几天我碰到了一篇文章，看到了<img>标签的css图片显示属性，该属性允许更改标签的宽度和高度，而无需拉伸图片本身。

最终效果看起来像overflow: hidden;，但没有父容器。

我忘记为该文章和属性名称添加书签。有人可以告诉我财产说明吗？

Answer 1

我猜您在寻找适合对象的 CSS属性。

img {
    width: 100px;
    height: 200px;
  }
img.noStretch{
    object-fit: cover;
  }

<img src="http://lorempixel.com/200/200"/>

<img class="noStretch" src="http://lorempixel.com/200/200"/>