Основная проблема, связанная с шириной экрана, заключается в том, что может быть сложно создать макет, который будет хорошо смотреться на всех устройствах. Например, если вам нужен макет, который хорошо выглядит на настольном компьютере, он может не так хорошо выглядеть на телефоне или планшете.
is less than 768px
if (screen.width < 768) {
// do something
}
Этот код проверяет, меньше ли ширина экрана 768 пикселей. Если это так, то он выполнит код внутри фигурных скобок.
Свойства экрана JavaScript
В JavaScript свойства экрана используются для получения информации о текущем экране. Доступ к свойствам экрана можно получить с помощью свойства window.screen. В следующей таблице перечислены наиболее распространенные свойства экрана в JavaScript.
Описание свойства экрана
window.screen.width Ширина текущего экрана в пикселях.
window.screen.height Высота текущего экрана в пикселях.
window.screen.depth Глубина текущего экрана в пикселях (0 = поверхность, 1 = растровое изображение).
Тип экрана с JavaScript
Тип экрана - javascript.
