jQuery基于浏览器大小/resize更改高度

我想知道是否有一种方法来确定浏览器的高度/宽度。 我想要做的是设置一个div的高度为500px，当浏览器的大小是1024×768，而对于任何较低的我想设置为400px。

提前致谢

Answer 1

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

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

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

Answer 2

 $(function(){ $(window).resize(function(){ var h = $(window).height(); var w = $(window).width(); $("#elementToResize").css('height',(h < 768 || w < 1024) ? 500 : 400); }); }); 

滚动条等对窗口大小有影响，所以你可能想调整到所需的大小。

Answer 3

build立在乍得的答案上，你也想把这个函数添加到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); } 

Answer 4

注意，Jquery 1.8.0有一个bug，$（window）.height（）返回所有文档的高度！

Answer 5

我有这样的感觉，检查应该是不同的

新：h <768 || w <1024