Что такое «разрешение» экрана и как это все считается?
Здравствуйте!
Объясните, пожалуйста, вот у меня экран 27 дюймов с разрешением FullHD и такой же экран 27 дюймов с разрешением UltraHD. Количество пикселей у второго примерно в два раза больше, чем у первого. А еще есть телефон, который тоже FullHD, но 7 дюймов. То есть отличаются они плотностью пикселей.
Вопрос вот в чем: я когда кнопку рисую на сайте 120x80 пикселей, она же на UltraHD должна быть в два раза меньше, чем на FullHD, но она такая же. Почему? Или пишу я медиа запрос "@media(max-width:600px)" и он работает на телефоне, хотя там 1080 пикселей.
В чем измеряются пиксели в html и как их перерасчитать в реальные пиксели на экране?
1. на uhd пикселей в 4 раза больше, чем на fhd.
2. размер экрана значения не имеет, роялит только разрешение.
3. uhd (и выше) как правило работают в режиме hidpi.
именно из-за hidpi любой 4к монитор выдаёт вьюпорт тех же размеров, что и обычный fhd. поэтому кнопка и выглядит аналогично.
вот если выключить hidpi, и использовать полное разрешение монитора, то кнопка, естественно, будет мельче.
