我正在尝试创建由产品照片组成的图像墙。不幸的是，它们都具有不同的高度和宽度。如何使用CSS使所有图像看起来都一样大小？最好是100 x 100。
我正在考虑做一个高度和宽度为100px的div，然后再进行一些填充。不知道该怎么做。
我该怎么做？
更新的答案（不支持IE11）
img {
float: left;
width: 100px;
height: 100px;
object-fit: cover;
}<img src="http://i.imgur.com/tI5jq2c.jpg">
<img src="http://i.imgur.com/37w80TG.jpg">
<img src="http://i.imgur.com/B1MCOtx.jpg">原始答案
.img {
float: left;
width: 100px;
height: 100px;
background-size: cover;
}<div class="img" style="background-image:url('http://i.imgur.com/tI5jq2c.jpg');"></div>
<div class="img" style="background-image:url('http://i.imgur.com/37w80TG.jpg');"></div>
<div class="img" style="background-image:url('http://i.imgur.com/B1MCOtx.jpg');"></div>本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句