Как определить реальную ширину и высоту экрана?

Question

[fapchat]

Смотрите: есть телефон с 2к экраном, означает ли это, что на нём мой сайт будет выглядеть вот так:

но не так
Есть ли тогда вообще смысл использовать @media, если экран телефона всё равно 2к пикселей?

Answer 1

[hzzzzl]

нет, если сделать правильно, то ширина не будет 2кпикс, браузер будет масштабировать

https://developer.mozilla.org/ru/docs/Mozilla/Mobi...
sitist.ru/info-viewport.htm

Общая ошибка заключается в том, что разработчики часто используют значение initial-scale=1 для неадптивных шаблонов. Такая установка приводит к отрисовке 100% страницы без масштабирования. Если дизайн неадаптивный, то пользователю приходится либо много прокручивать, либо вручную устанавливать масштаб, чтобы увидеть всю страницу.

вот вьюпорты для некоторых моделей телефонов, 360-420 пикселей в среднем "ширина"
https://mediag.com/blog/popular-screen-resolutions...