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中另外设置），但我还没有进行浏览器测试以确定它是否可以工作董事会。