javascript - 动态改变高度属性

Question

我目前正在根据用户窗口大小/分辨率重新调整 DIV 类的大小 - 我对其进行了测试，一旦将浏览器窗口大小调整到 1024 x 768 以下，css 属性就会正确更改。现在的问题是，当我最大化窗口时，属性仍保留新属性 (400/380)。一旦我的分辨率恢复到 1024 x 768 以上，有没有办法将其重置？

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

请提供一些建议，谢谢。

Answer 1

假设您的屏幕分辨率为 height:768 * width:1024 :

先看https://stackoverflow.com/users/222714/mdmullinax的评论，您当前检测宽度是否为 < 768 或高度为 < 1024 ，您应该切换它。

然后:您不能依赖最大化的浏览器窗口的内部尺寸与屏幕尺寸相似的事实。

width()/height() 将返回视口(viewport)的大小，因此当窗口最大化时，桌面上仍然可能有一些栏(以及浏览器栏，如工具栏、地址栏等)，让浏览器-窗口大小与屏幕大小不同)