Jquery - 当浏览器调整大小时调整蒙版大小？

Question

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

现在它只是停留在 100%/100%，看起来很糟糕。

这是一个link <--- 单击晚餐菜单导航 - 并将浏览器窗口调整为比当前更大，您就会看到我在说什么。

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

这是一个简单的修复吗？如果您想让故障排除更容易，我可以制作一个 jfiddle。

谢谢，木胡

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});