jquery - 缩放图像并保持其比例

Question

我正在开发一个照片共享网站。当以全尺寸显示图像时，我希望宽度最大为 800px，高度最大为 600。

下面的代码可用于缩放，但它不会保持图像的比例。我想我可以使用百分比来代替，但我仍然希望图像具有这些特定的最大值(h:800，w:600)。

有没有办法用 jQuery 来实现这一点？

提前致谢!

    if ($('#photo').length > 0) {
        var imgWidth = $("#photo").width();
        var imgHeight = $("#photo").height();

        if (imgWidth > 800) {
            $("#photo").width(800);
        }
        if (imgHeight > 600) {
            $("#photo").height(600);
        }
    }

Answer 1

你可以使用 最大宽度或最大高度