力的圖像爲特定的大小，如果它是更大的

Question

我有我的圖像標籤顯示圖像：

這些縮略圖，但也有一些有點寬所以我想這些圖片強制顯示縮小它們（即使加載了較大的圖像）。

我該如何做到這一點大圖像，而不是擴大較小的圖像。

Answer 1

您可以將css類添加到僅超過給定高度或寬度的圖像，然後在樣式表中設置高度和寬度。

Answer 2

您可以在圖像上使用CSS屬性max-width和max-height。

img { 
    max-width: 300px; 
    max-height: 200px; 
} 

適用於所有流行的瀏覽器，包括IE8。

Answer 3

你可以只指定高度和< img>標籤的寬度屬性通常適合，你很可能會遇到圖像的最值。