載入時重置Javascript屏幕分辨率

Question

我正在使用javascript函數使用onload事件根據用戶屏幕分辨率重置3個DIV的樣式。

if(screen.width > 1024 && screen.width < 1300){
 document.getElementById('wrapper').style.width = '1250px';
 document.getElementById('innerwrapper').style.width = '1250px';
 var elms = getElementsByClassName("colmask", "div")[0].style.width = '1250px';
}
if(screen.width > 1300 && screen.width < 1500){
 document.getElementById('wrapper').style.width = '1350px';
 document.getElementById('innerwrapper').style.width = '1350px';
 var elms = getElementsByClassName("colmask", "div")[0].style.width = '1350px';
} 
if(screen.width > 1500){
 document.getElementById('wrapper').style.width = '1580px';
 document.getElementById('innerwrapper').style.width = '1580px';
 var elms = getElementsByClassName("colmask", "div")[0].style.width = '1580px';
}

問題在於，每次用戶導航到新頁面時，屏幕都會在加載頁面后自動調整其大小。 有沒有一種方法可以避免始終調整頁面大小？

Answer 1

我同意上面的評論，並且如果您決定使用Jquery，根據瀏覽器的大小使其動態化是非常容易的

您要做的就是var wcontent=$(window).width(); 和

$("#wrapper").width(wcontent);

等等

您可以將其放置在$(document).ready(function () {}