如果图像为'；It’屏幕太大了 我有一个HTML页面，中间有一个图片。 有没有一种方法可以用javascript缩小图像的比例，以防它对于当前的显示器分辨率来说太大

我的意思是，如果一个分辨率为1600*1200的用户打开1900*1200的图像，图像应该缩小以适应窗口

我可以使用jquery查看这里：

其他：

HTML

为什么不直接使用css呢

.imgresize {
    max-width: 100%;
    max-height: 100%;        
}

---

你真的是说“向下滚动”还是“向下缩放”？虽然它没有放大，但我认为这很容易修复。如果它比屏幕小，你希望它是全屏的吗？@dynamic你需要做的就是处理窗口大小调整事件，它会放大。由于某种原因，jQuery只响应视图收缩，没有显式的指令。嗯，我认为这个解决方案遇到了问题。如果有人使用iphone/mobile打开此页面，图像将始终缩小到iphone的最大宽度。。。嗯，你试过了吗？它将缩放到父元素的100%。如果不想在小屏幕上缩放，请尝试使用css媒体查询

var wWidth = $(window).width();
var wHeight = $(window).height();

$('.imgresize').each( function() {
var imgWidth = $(this).width();
var imgHeight = $(this).height();

    if(imgWidth >  wWidth)
    {
        $(this).width(wWidth);
    }

    if(imgHeight >  wHeight )
    {
        $(this).width(wHeight);
    }

});


$(window).resize(function() {
var wWidth = $(window).width();
var wHeight = $(window).height();

$('.imgresize').each( function() {
var imgWidth = $(this).width();
var imgHeight = $(this).height();

    if(imgWidth >  wWidth)
    {
        $(this).width(wWidth);
    }

    if(imgHeight >  wHeight )
    {
        $(this).height(wHeight);
    }

});

});

.imgresize {
    max-width: 100%;
    max-height: 100%;        
}