使用带盖的img元素

Question

我想以相同的比例显示图像。但是图像尺寸会有所不同。可能是16:10或10:10宽高比。有些图像看起来是垂直的，有些图像看起来是水平的。

我用div做了背景封面中心。但我必须使用它来img元素。

我怎么能用img做到这一点？

div.image-content
{
     width: 210px;
     margin: 15px;
     float: left;
     height: 210px;
     overflow: hidden;
     background: no-repeat center center;
     background-size: cover;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover; 
 }

Answer 1

仅使用一个维度。 width:210px或height:210px

如果您只指定一个维度，则另一个维度将按比例缩放。