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

假设您的屏幕分辨率为高度：768 *宽度：1024：

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

然后：你不能依赖这样一个事实，即最大化的浏览器窗口的内部大小与屏幕大小相似。

width（）/ height（）将返回视口的大小，因此当窗口最大化时，桌面上仍可能存在一些条形图（以及像工具栏，地址栏等一样的浏览器栏）让浏览器 - 窗口尺寸与屏幕尺寸不同）

动态改变高度属性

1 个答案: