重新調整不同圖像大小而不失真

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 。