43

我想知道是否有办法确定浏览器的高度/宽度。我想要做的是在浏览器大小为 1024x768 时将 div 的高度设置为 500px，而对于任何更低的值，我想将其设置为 400px。

提前致谢

4

5 回答 5

68

如果您使用的是 jQuery 1.2 或更新版本，您可以简单地使用这些：

$(window).width();
$(document).width();
$(window).height();
$(document).height();

从那里决定元素的高度是一件简单的事情。

于 2009-05-08T03:47:32.860 回答
47 
$(function(){
    $(window).resize(function(){
        var h = $(window).height();
        var w = $(window).width();
        $("#elementToResize").css('height',(h < 768 || w < 1024) ? 500 : 400);
    });
});

滚动条等会影响窗口大小，因此您可能需要调整到所需的大小。

于 2009-05-08T04:00:39.587 回答
25

基于 Chad 的回答，您还希望将该函数添加到 onload 事件中，以确保在页面加载时也调整它的大小。

jQuery.event.add(window, "load", resizeFrame);
jQuery.event.add(window, "resize", resizeFrame);

function resizeFrame() 
{
    var h = $(window).height();
    var w = $(window).width();
    $("#elementToResize").css('height',(h < 768 || w < 1024) ? 500 : 400);
}
于 2009-07-27T08:09:02.367 回答
4

请注意，Jquery 1.8.0 有一个错误，$(window).height() 返回所有文档高度！

于 2012-09-03T12:53:43.787 回答
2

感觉支票应该不一样

新：h < 768 || w < 1024

于 2009-11-06T15:15:27.623 回答