jquery - 确定浏览器高度和宽度以将图像大小调整为全屏

Question

我正在尝试使用 jquery 来获取浏览器的高度和宽度，而不是使用该信息来调整图像大小以适应该尺寸。我希望图像在每个页面上全屏显示，无论是在笔记本电脑还是大显示器上查看。我现在所有图像的标准宽度均为 1280 dpi。

要查看到目前为止我所拥有的内容，我已将代码发布到我的 nyu 帐户:http://i5.nyu.edu/~ejs426/

Answer 1

jQuery

var W = $(window).width(),
    H = $(window).height();

$('img').height(H).width(W);

调整大小时

function imgsize() {
    var W = $(window).width(),
        H = $(window).height();

    $('img').height(H).width(W);
}
$(window).bind('resize', function() { imgsize(); });

CSS

img {height: 100%; width: 100%;}