似乎可以在其他浏览器上工作 - 在ie9中是否需要采用不同的方式?
当窗口调整大小时自动调整图像大小
$(document).ready(function() {
var $img = $("#theImage");
var ratio;
var offsetX = $img.offset().left;
var offsetY = $img.offset().top;
$(window).load(function () {
ratio = $img.width() / $img.height();
$(this).resize();
});
$(window).resize(function () {
var viewportWidth = window.innerWidth || document.documentElement.clientWidth;
var viewportHeight = window.innerHeight || document.documentElement.clientHeight;
var availWidth = viewportWidth - offsetX - 25;
var availHeight = viewportHeight - offsetY - 25;
if (availWidth / availHeight > ratio) {
$img.height(availHeight);
$img.width(availHeight * ratio);
} else {
$img.width(availWidth);
$img.height(availWidth / ratio);
}
});
});