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

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%;}