HTML：使用最大高度/寬度縮放圖像

Question

我有一個顯示一堆圖像的網頁。我想確保沒有任何圖像的寬度大於200像素，高度大於200像素。如果有的話，我希望它縮小，以便最長的尺寸是200像素。

這樣做的最好方法是什麼？ CSS？ JavaScript（jQuery好嗎）？

Answer 1

假設的jQuery：

var img = $(img), width = img.width(), height = img.height(); 
if(width == height) { 
    img.width(200).height(200); 
} else if(width > height) { 
    img.height(Math.round(height/width * 200)).width(200); 
} else { 
    img.width(Math.round(width/height * 200)).height(200); 
} 

您可能能夠只是設置最長的尺寸，並跳過比（如果寬度和高度沒有在屬性，屬性或CSS否則置），但還沒不要做瀏覽器測試，以確定它是否能夠全面工作。