@media медиазапросы по размеру дисплея

Alekxander

Мой дом здесь!
Регистрация
3 Янв 2018
Сообщения
471
Реакции
217
Суть вопроса такова.
Сейчас уже средние смартфоны с диагональю 5` имеют разрешение 1280х720. А то и 1920х1080.
Отсюда возникает вопрос, как корректно создать @media, если например на мониторе 19` разрешение 1280х1024. Ведь на мониторе и на смартфоне размер вмещаемости контента в разы отличается.
Например, если какой-нибудь модуль в две колонки на смартфоне будет выглядеть нормально, то на мониторе этот модуль уже хочется видеть в три, а то и четыре колонки.
 
Можно попробовать делить на screen и handheld, а так же экспериментировать с min-resolution, max-resolution в единицах dpi и dppx.
 
Спасибо за советы. Но пока не осилил до конца как применять. Особенно pixel-ratio что-то мало инфы, в основном на английском. Пока экспериментирую с минимальным и максимальным разрешением.
 
Телефоны и десктоп могут иметь одинаковое расширение, но у них разный DPI (Для просмотра ссылки Войди или Зарегистрируйся), если не ошибаюсь у мониторов это значение равно 72, а в телефонах оно может быть и 540, поэтому рекомендую ориентироваться на Для просмотра ссылки Войди или Зарегистрируйся
 
Назад
Сверху