重新调整不同图像大小而不失真

Question

所有图像都有一个共同点;它们都是300或600像素宽。但高度从300-900像素左右不等。现在我需要一小组图像，用于为用户建议其他图像。这些只有大约100x200像素（可能会改变）。我之前的尝试使图像缩小为100x200宽高比。我需要它重叠，但多余的是隐藏的。

Answer 1

尝试类似http://dabblet.com/gist/2769112

的内容

您需要的CSS就是

.img-container {
    width: 200px; /* whatever set width */
    height: 100px;
    display: inline-block; /* or you could float them */
    overflow: hidden;
}
.img-container img {
    width: 100%;
}

Answer 2

将图像放置在具有定义高度和宽度的包裹元素（如DIV）中，并使用overflow:hidden。