载入时重置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 () {}