Получить ширину устройства в javascript

Есть ли способ получить ширину устройства пользователя, а не ширину области просмотра, с помощью javascript?

Медиа-запросы CSS предлагают это, как я могу сказать

@media screen and (max-width:640px) {
    /* ... */
}

и

@media screen and (max-device-width:960px) {
    /* ... */
}

Это полезно, если я ориентация смартфонов в альбомной ориентации. Например, в iOS объявление max-width: 640px будет нацелено как на альбомный, так и на портретный режимы даже на iPhone 4. Насколько я могу судить, это не относится к Android, поэтому использование device-width в этом случае успешно нацелен на обе ориентации, без нацеливания на настольные устройства.

Однако , если я вызываю привязку javascript на основе ширины устройства, я, похоже, ограничен проверкой ширины области просмотра, что означает дополнительный тест, как показано ниже,

if ($(window).width() <= 960 && $(window).height <= 640) { /* ... */ }

Это не кажется мне элегантным, учитывая намек на то, что ширина устройства доступна для css.

112
задан Nicholas Evans 27 July 2011 в 19:32
поделиться

1 ответ

Необходимо использовать

document.documentElement.clientWidth

, Это рассматривается как перекрестный браузер compability и является тем же методом что jQuery (окно) .width (); использование.

Для получения дальнейшей информации взглянули на: https://ryanve.com/lab/dimensions /

0
ответ дан 24 November 2019 в 02:48
поделиться
Другие вопросы по тегам:

Похожие вопросы: