Статьи

Совет: разные макеты для разной ширины

Для веб-сайтов и приложений становится все более распространенным предоставление различных макетов в зависимости от размера окна или разрешения пользователя. Это может быть достигнуто различными способами, от CSS до решений JavaScript.

В этом кратком видео-совете мы узнаем, насколько просто это сделать с помощью jQuery и метода resize ().

Используя метод jQuery «resize ()», мы можем легко слушать, когда пользователь изменяет ширину своего окна браузера.

01
02
03
04
05
06
07
08
09
10
11
12
function checkWindowSize() {
     
    if ( $(window).width() > 1800 ) {
        $(‘body’).addClass(‘large’);
    }
    else {
        $(‘body’).removeClass(‘large’);
    }
     
}
 
$(window).resize(checkWindowSize);

Затем, соответственно, мы нацеливаем наши желаемые свойства CSS соответственно.

1
#container { width: 800px;
  • Подпишитесь на нас в Твиттере или подпишитесь на ленту Nettuts + RSS для получения лучших учебных материалов по веб-разработке.