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