Как использовать медиазапросы для мобильной верстки, если сейчас разрешение современных телефонов, больше чем у десктопов?

Question

[Сергей Игнатьев]

Возможно, вопрос совсем детский, но как он решается?
Разрешение на айфон 10 - 2436×1125, это больше чем на моем мониторе 22”.
Как задавать правила применения стилей , ведь способ media (max-width: ___px) в таком случае не подходит?

Answer 1

[aftemaht]

Вот тут написано

Answer 2

[Владислав Лысков]

proweb63.ru/help/design/design-knows

Comments

[Сергей Игнатьев]

не работает ссылка:(

[Владислав Лысков]

Сергей Игнатьев, исправил

[Владислав Лысков]

Сергей Игнатьев, помогло разобраться?

[Сергей Игнатьев]

Владислав Лысков, Да! Спасибо большое! Очень помогло понять логику.

Answer 3

[smithana]

не забывайте про плотность пикселей.
на iPhone 5 ширина дисплея 640px, но сайты отображаются как 320.

Comments

[Сергей Игнатьев]

Это да... спасибо! Но меня беспокоит вопрос о том, как указать правило, при котором на мониторе, например 3 элемента в ряд расположить, а на телефоне, один элемент. Размер у устройств совершенно разный, а разрешение почти одинаковое... в этом проблема