Тостер — сервис вопросов и ответов

Тостер — Сервис Вопросов И Ответов
15 августа 2017

Tigronix спрашивает: «Retina споры с дизайнером? "DPI влияет на размер текста"?» #css #html #retinadisplay

Ребят привет, есть довольно интересный вопрос про ретину и DPI выражения. Ведь не важно, какой DPI у устройства это влияет только на растровые изображения?

Я скину вам часть переписки с работы, поскольоку дизайнер убеждает меня в обратном.

"Vitold Demishkevich

Привет

Слушай, мне не дает покоя один вопрос. Он касается этих DPI media выражений.

Зачем именно для ретина дисплеев менять font-size? По сути разное число DPI влияет лишь на то, как выглядит растровое изображение. (Если у нас 100px растровое изображение есть, то на ретине 2x будет растягиваться в два раза.)

Я имею ввиду, что на ретине размер шрифта никак не меняется. Он будет такой же и на обычном планшете.

Может я чего не знаю или не понимаю?

Дизайнер:

тут дело не только в ретине или нет и не в рстровых изображениях. А в том, что все верстается в относительных величинах (относительно базового размера шрифта). Мы не хотим менять каждую конкретную кнопку под четыре разрешения мобильных устройств. Поэтому мы увеличиваем все элементы пропорционально.

Допустим. Высота кнопки на разрешении 320 (1x, неретина) равна условно 5 rem (40 px). То на разрешении мобильного устройства, у которого dpi выше, эта кнопка будет очень маленькая. Именно поэтому на устройствах, где плотность пикселей выше (hdpi) мы меняем один размер базового шрифта, относительно которого заданы все размеры всех элементов. Чтобы на экранах все выглядело и читабельно и нормально.

Например у меня телефон с hdpi, и все мелко, тексты мельче, но на iphone 5s все ок сейчас.

т.е. на мой телефон все элементы должны быть в 2 раза крупнее. как и размеры шрифта, так и кнопки. Но мы делаем просто изменение базового шрифта, за которым подтянется все остальное"

Ответить на вопрос: https://toster.ru/q/451775