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

[Alekxander]

Суть вопроса такова.
Сейчас уже средние смартфоны с диагональю 5` имеют разрешение 1280х720. А то и 1920х1080.
Отсюда возникает вопрос, как корректно создать @media, если например на мониторе 19` разрешение 1280х1024. Ведь на мониторе и на смартфоне размер вмещаемости контента в разы отличается.
Например, если какой-нибудь модуль в две колонки на смартфоне будет выглядеть нормально, то на мониторе этот модуль уже хочется видеть в три, а то и четыре колонки.

 

[Iga]

Можно попробовать делить на screen и handheld, а так же экспериментировать с min-resolution, max-resolution в единицах dpi и dppx.

 

[mdss]

pixel-ratio

 

[Alekxander]

Спасибо за советы. Но пока не осилил до конца как применять. Особенно pixel-ratio что-то мало инфы, в основном на английском. Пока экспериментирую с минимальным и максимальным разрешением.

 

[rudik]

Для просмотра ссылки Войди или Зарегистрируйся

Вот примеры с dpi

 

[Bo6eR]

Телефоны и десктоп могут иметь одинаковое расширение, но у них разный DPI (Для просмотра ссылки Войди или Зарегистрируйся), если не ошибаюсь у мониторов это значение равно 72, а в телефонах оно может быть и 540, поэтому рекомендую ориентироваться на Для просмотра ссылки Войди или Зарегистрируйся

 

[xLuckyx]

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.