1

Нужно узнавать текущую ширину страницы и делать определённые действия.

3 ответа 3

2

Ширина страницы - понятие не вполне определённое.

// Ширина окна браузера
console.log(window.innerWidth); 
//Ширина страницы (полный размер, вместе с бордерами  прокруткой)
console.log(document.body.offsetWidth); 
// Ширина страницы без учета прокрутки 
console.log(document.body.clientWidth);
// Ширина страницы + прокрутка 
console.log(document.body.scrollWidth);
body{
width: 2500px;
}

1

Можно еще так

if ($(window).width() < 768) {
alert('Это похоже мобильное устройство');
}
1
  • А еще лучше вот так: if (window.screen.availWidth < 768) ...
    – user242433
    14 июл 2017 в 15:16
0

Jquery

width = $(window).width();
if(/* условие */){
....
}

При изменении размера окна снова проверяем:

$(window).on('resize',function(){

width = $(window).width();
if(/* условие */){
....
}

});

Для CSS можете использовать Медиа-запросы

1
  • Тот кто минусует мой ответ, может выскажет причину минусования ? или сказать нечего, минусуют просто так ?
    – Arsen
    14 июл 2017 в 17:17

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.