css - 使用带封面的 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

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