Для веб-сайтов и приложений становится все более распространенным предоставление различных макетов в зависимости от размера окна или разрешения пользователя. Это может быть достигнуто различными способами, от 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 для получения лучших учебных материалов по веб-разработке.