1

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

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

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

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

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

谢谢，木虎

4

1 回答 1

3

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

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

只需添加

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

到您的样式表中，它会正常工作。

或者，为了避免使用!important丑陋，只需从脚本中删除麻烦的代码段，即使没有!important.

// THIS IS THE BAD CODE YOU SHALL REMOVE
var maskHeight = $(document).height();
var maskWidth = $(window).width();
$('#mask').css({'width':maskWidth,'height':maskHeight});
于 2013-08-06T15:00:48.973 回答