Jquery - 调整浏览器大小时的掩码大小？

Question

我想让我的模态面具调整与浏览器的大小，如果有人决定尝试...

现在它只是停留在100％/ 100％，看起来不好。

这是一个link < ---点击晚餐菜单导航栏 - 调整浏览器窗口的大小，然后它就会显示出来，你会看到我在说什么。

jquery在头部区域的源代码...第一部分。

这是一个简单的修复？如果你想让拍摄更容易，我可以制作一个jfiddle。

感谢， 母虎

Answer 1

目前，使用的是一些JavaScript这台绝对窗口大小为#mask股利。这是造成你的问题 - 你应该使用CSS来代替。

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

只需添加

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

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

---

或者，要避免使用!important丑陋，只是从你的脚本中删除麻烦的一段代码，而CSS将工作即使没有!important。

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