Ширина страницы
280
16 июля 2017, 10:16
Нужно узнавать текущую ширину страницы и делать определённые действия.
Answer 1
Ширина страницы - понятие не вполне определённое.
// Ширина окна браузера
console.log(window.innerWidth);
//Ширина страницы (полный размер, вместе с бордерами прокруткой)
console.log(document.body.offsetWidth);
// Ширина страницы без учета прокрутки
console.log(document.body.clientWidth);
// Ширина страницы + прокрутка
console.log(document.body.scrollWidth);body{
width: 2500px;
}Answer 2
Можно еще так
if ($(window).width() < 768) {
alert('Это похоже мобильное устройство');
}
Answer 3
Jquery
width = $(window).width();
if(/* условие */){
....
}
При изменении размера окна снова проверяем:
$(window).on('resize',function(){
width = $(window).width();
if(/* условие */){
....
}
});
Для CSS можете использовать Медиа-запросы
-
06:53
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
-
20:42
-
09:21
Основные этапы разработки сайта для стоматологической клиники
-
12:26
-
10:30
-
18:43
Продвижение своими сайтами как стратегия роста и независимости
-
22:46
-
06:18
-
12:23
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 50346 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31952 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 26321 visits
- Как через css изменить цвет png изображения? 11774 visits
- Blob video url download 11319 visits
- Php curl запрос через прокси с авторизацией 10728 visits
- Работа с captcha vk api 9525 visits
© "hostciti.net" 05.4.2026 | 02:46