CSS Media Queries: ширина устройства на рабочем столе

Question

У меня есть отдельный вопрос, связанный с использованием CSS Media Queries. Например, когда мы говорим «ширина устройства» для iPad, я думаю, что он всегда возвращает 768 пикселей (обе ориентации). Но в настольных браузерах, что именно возвращает значение для ширины устройства? Отличается ли это от того, что "ширина" вернулась бы в Media Query для рабочего стола?

Answer 1

Спецификация позволяет получить доступ к обоим:

https://developer.mozilla.org/en/CSS/Media_queries

ширина устройства: описывает ширину устройства вывода (то есть весь экран или страницу, а нетолько область рендеринга, такая как окно документа).

width: функция мультимедиа width описывает ширину поверхности рендеринга устройства вывода (например, ширину окна документа или ширину окна документа).поле страницы на принтере).

Таким образом, ширина устройства - это ширина аппаратного обеспечения дисплея, будь то сам телефон или монитор настольного компьютера.Очевидно, что это не очень полезно в настольной ситуации, учитывая, что размер экрана мало влияет на размер области просмотра браузера.