Исправление
Stack77,
(текущая версия)
:
эквивалентно для изображений, видео
Немного неоднозначно написал. Имелось в виду разрешение самого изображения. Т.е. для экранов высокой плотности требуется указывать изображения в более высоком разрешении (при этом свойства высоты/ширины CSS оставляя прежними), чтобы изображение не «растягивалось» и не было «пикселизации». Естественно, это требуется только для растровых изображений.
Кроме прочего, CSS-пиксели это одна из причин, почему даже многие нативные приложения используют возможности CSS под капотом. Как минимум это упрощает работу и спасает от «плясок с бубном» на дисплеях с разным PPI.
Ну, и как заметил menangen для хорошего юзабилити важно использовать концепцию «mobile first». Т.е. макет в первую очередь должен быть адаптирован под мобильные устройства. Именно в этом, на мой взгляд, причина плохого юзабилити ЛОРа на мобильных, т.к. он в первую очередь разрабатывался под десктопы.
Исходная версия
Stack77,
:
эквивалентно для изображений, видео
Немного неоднозначно написал. Имелось в виду разрешение самого изображения. Т.е. для экранов высокой плотности требуется указывать изображения в более высоком разрешении (при этом свойства высоты/ширины CSS оставляя прежними), чтобы изображение не «растягивалось» и не было «пикселизации». Естественно, это требуется только для растровых изображений.
Кроме прочего, CSS-пиксели это одна из причин, почему даже многие нативные устройства используют возможности CSS под капотом. Как минимум это упрощает работу и спасает от «плясок с бубном» на дисплеях с разным PPI.
Ну, и как заметил menangen для хорошего юзабилити важно использовать концепцию «mobile first». Т.е. макет в первую очередь должен быть адаптирован под мобильные устройства. Именно в этом, на мой взгляд, причина плохого юзабилити ЛОРа на мобильных, т.к. он в первую очередь разрабатывался под десктопы.