确保<section> height与re-fresh </section>上的视口高度匹配

时间:2013-04-02 14:35:14

标签: javascript jquery css height viewport

我正在尝试让<section>的高度与每个页面重新加载时视口的高度相匹配。然后<section>高度需要保持在该高度,即使用户重新调整窗口视口的大小。

,即视口高度:450px,然后设置为450px。当视口增加到465像素时,剩余部分增加到450像素。

谢谢,

1 个答案:

答案 0 :(得分:1)

只需使用:

$('section').height(function(){
    return $(window).height();
});

JS Fiddle demo

或者,更简单地说,使用:

$('section').height($(window).height());

JS Fiddle demo

这会明确将height设置为视口的高度,或者至少设置为window的高度;并且,只要您不绑定视口上的resize事件,就不应该更改它。