Q:

What's  tag's css property to display images without distortion?

this question might seem quite odd, but here's the deal:
I met some article the other day that and saw <img> tag's css picture display properties, which allowed to change tag's width and height, without stretching the picture itself.
The final effect looked like overflow: hidden;, but without parent container.
I forgot to bookmark that article and property name. Can someone tell me the property description?

A:

I guess you are looking for object-fit CSS property.

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"/>

