Есть ли способ получить ширину устройства пользователя, а не ширину области просмотра, с помощью 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.
Необходимо использовать
document.documentElement.clientWidth
, Это рассматривается как перекрестный браузер compability и является тем же методом что jQuery (окно) .width (); использование.
Для получения дальнейшей информации взглянули на: https://ryanve.com/lab/dimensions /