Jquery - 在浏览器调整大小时调整大小？

Question

如果有人决定尝试，我试图让我的模态掩码用浏览器调整大小...

现在它只是保持在100％/ 100％并且看起来很糟糕。

这是一个link＆lt; ---点击晚餐菜单导航 - 然后调整浏览器窗口的大小，然后它会显示我正在谈论的内容。

jquery位于头部区域的源头......第一部分。

这是一个简单的解决方案吗？如果你想让拍摄麻烦更容易，我可以做一个小伙伴。

谢谢， 母虎

Answer 1

目前，您正在使用一些javascript，它将绝对窗口大小设置为#mask div。这导致了你的问题 - 你应该使用CSS。

要覆盖javascript设置的无用属性，您可以使用!important。

只需添加

#mask {
    width: 100% !important;
    height: 100% !important;
    /* other stuff */
}

进入你的样式表，它会正常工作。

---

或者，为了避免使用!important丑陋，只需从脚本中删除麻烦的代码，即使没有!important，CSS也能正常工作。

// THIS IS THE BAD CODE YOU SHALL REMOVE
var maskHeight = $(document).height();
var maskWidth = $(window).width();
$('#mask').css({'width':maskWidth,'height':maskHeight});