javascript - 确保高度匹配重新刷新时的视口高度

Question

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

即视口是高度：450px，然后设置为450px。当视口增加到 465 像素时，则保持在 450 像素。

谢谢，

Answer 1

只需使用：

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

JS 小提琴演示。

或者，更简单地说，使用：

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

JS 小提琴演示。

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