我试图创建一个由产品照片组成的形象墙。 不幸的是，所有这些都是不同的高度和宽度。 我怎样才能使用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">
如果你把你的图像扭曲得太多了，比如把它们从一个比例中取出，它们可能看起来不太对，--少量也可以，但是一种方法是把图像放进一个“容器”中，把容器设置为100 x 100，然后把你的图像设置为无溢出，把最小宽度设置为容器的最大宽度，这样会裁剪掉你的图像，
例如
<h4>Products</h4>
<ul class="products">
<li class="crop">
<img src="ipod.jpg" alt="iPod" />
</li>
</ul>
.crop {
height: 300px;
width: 400px;
overflow: hidden;
}
.crop img {
height: auto;
width: 400px;
}
这样，图像将保持其容器的大小，但将在不破坏约束的情况下调整大小
最简单的方法--这将保持图像大小不变，并用空间填充其他区域，这样所有的图像将使用相同的指定空间，不管图像大小而不需要拉伸
.img{
width:100px;
height:100px;
/*Scale down will take the necessary specified space that is 100px x 100px without stretching the image*/
object-fit:scale-down;
}
