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