Какая логика расчета размера экрана смартфона
На англоязычном сайте нашел список размеров экранов смартфонов:
Почему в этом списке например IPhone 12 с разрешением 1170 x 2532 имеет размер 390 х 844, как они это высчитали и почему просто не указали его фактическое разрешение?
Ответы (2 шт):
Apple iPhone 12 имеет физический размер экрана 6,1 дюйма, его разрешение составляет около 1170 x 2532 пикселей с плотностью пикселей примерно 460 PPI . Размер области просмотра Apple iPhone 12 составляет 390 x 844 пикселей, а соотношение пикселей составляет около 3.
viewport - область просмотра.
По простому - если мы открываем сайт в браузере, он не будет имет вид на 1170 x 2532 пикселей.
Дисплей iPhone 12 представляет собой прямоугольник с закруглёнными углами. Диагональ этого прямоугольника без учёта закруглений составляет 6,06 дюйма (фактическая область просмотра меньше).
Для того чтобы страничка вебсайта была читаема на смартфоне, придумали адаптивную настройку видимой области (Viewport). К примеру IPhone 12 имеет разрешение 1170 x 2532 и плотность пикселей на дюйм 460 ppi, если в таком разрешении будет отображаться вебсайт то шрифт на экране смартфона будет попросту не видно из-за маленького значения в пикселях относительно экрана смартфона. Из-за этого разрешение экрана смартфона искусственно уменьшается, и вебсайт отображается так, как если бы он отображался на смартфоне с более низким разрешением экрана.
Формула для расчета того насколько сильно уменьшится дисплей следующая:
Если экран имеет плотность меньше 200 ppi, то разрешение будет равно физическому. Если экран имеет плотность пикселей от 200 ppi до 300 ppi, то новое разрешение будет в 1.5 раза меньше физического. А если экран имеет плотность более 300 ppi, то новое разрешение будет определяться делением физического разрешения на некоторый коэффициент. Данный коэффициент определяется по формуле - Плотность / 150 ppi с округлением обычно до 2, 2.5, 3, 3.5, 4 и т.д.
Например:
IPhone 12 - реальное разрешение 1170 x 2532 px, плотность пикселей 460 ppi. Видим что плотность пикселей на дюйм IPhone 12 (460 ppi) больше чем 300 ppi, значит коэффициент считаем вручную: 460 ppi / 150 ppi = 3 (3.07 округляем до 3). Теперь с помощью данного коэффициента высчитываем искусственное разрешение IPhone 12 или иначе говоря разрешение нашего Viewport: 1170 px / 3 = 390 px, 2532 / 3 = 844 px. Теперь фактически имея разрешение 1170 x 2532 px, страничка вебсайта будет отображаться так, как будто разрешение нашего смартфона 390 х 844 px.
Следующая картинка демонстрирует тоже самое, только для IPhone 4:
Информация и материал взяты с сайта - https://itchief.ru/html-and-css/viewport-meta-tag