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 () {}

上

Javascript屏幕分辨率在加载时重置

1 个答案: