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

naf*_*fiq 3 html css image

这个问题看似很奇怪,但这是要解决的问题:

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

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

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

Kai*_*ido 5

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

img {
    width: 100px;
    height: 200px;
  }
img.noStretch{
    object-fit: cover;
  }
Run Code Online (Sandbox Code Playgroud)
<img src="http://lorempixel.com/200/200"/>

<img class="noStretch" src="http://lorempixel.com/200/200"/>
Run Code Online (Sandbox Code Playgroud)