Нужно узнавать текущую ширину страницы и делать определённые действия.
3 ответа
Ширина страницы - понятие не вполне определённое.
// Ширина окна браузера
console.log(window.innerWidth);
//Ширина страницы (полный размер, вместе с бордерами прокруткой)
console.log(document.body.offsetWidth);
// Ширина страницы без учета прокрутки
console.log(document.body.clientWidth);
// Ширина страницы + прокрутка
console.log(document.body.scrollWidth);
body{
width: 2500px;
}
Можно еще так
if ($(window).width() < 768) {
alert('Это похоже мобильное устройство');
}
-
А еще лучше вот так:
if (window.screen.availWidth < 768) ...
– user24243314 июл 2017 в 15:16
Jquery
width = $(window).width();
if(/* условие */){
....
}
При изменении размера окна снова проверяем:
$(window).on('resize',function(){
width = $(window).width();
if(/* условие */){
....
}
});
Для CSS
можете использовать Медиа-запросы
-
Тот кто минусует мой ответ, может выскажет причину минусования ? или сказать нечего, минусуют просто так ?– Arsen14 июл 2017 в 17:17