Question

我正在使用此代码来实现具有浏览器（窗口）高度的div

$(document).ready(function(){

    $('#div') .css({'height': (($(window).height()))+'px'});

});

但是如果我想让div约束它的高度到用户最大窗口高度（最大到它们的设备限制）怎么办？由于上面的代码只确定当前的窗口高度，一旦用户调整窗口大小或没有打开窗口最大窗口大小，它就会发生变化并失败。

Answer 1

试试这个：

$(document).ready(function(){
    $(window).resize(function(){
        $('#div') .css({'height': (($(window).height()))+'px'});
    }).trigger('resize')
});

这样，您在屏幕调整大小时绑定事件。它会重新计算窗口高度。

.trigger()部分是为了确保在DOM准备就绪时发生一次（它会触发事件调整大小）。

Answer 2

... div将其高度限制为用户最大窗口高度（最大值为设备限制）

一旦用户调整窗口大小或 没有用最大窗口打开它   大小 ，它发生了变化并失败了。

听起来像是在寻找

screen.height

这将为您提供屏幕的高度，而不是窗口。

jquery约束div到最大窗口高度

2 个答案: