Разрешение экрана Javascript сбрасывается при загрузке - PullRequest
Новая
       10

Разрешение экрана Javascript сбрасывается при загрузке

0 голосов
/ 12 января 2011

Я использую функцию javascript для сброса стиля 3 DIV на основе разрешения экрана пользователя с помощью события onload. 

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

Проблема заключается в том, что каждый раз, когда пользователь переходит на новую страницу экранаизменяет размер самостоятельно после загрузки страницы.Есть ли способ избежать необходимости постоянно изменять размер страниц?

1 Ответ

0 голосов
/ 12 января 2011

Я согласен с комментариями выше, и сделать его динамичным в зависимости от размера браузера довольно легко, если вы решите использовать Jquery

, все что вам нужно сделать, это var wcontent=$(window).width(); и 

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

и т. Д.

, которые можно разместить на $(document).ready(function () {}

...