Проблема с версткой под мобильные устройства и игнор initial-scale=1?

Question

[thehighhomie]

Проблема заключается в том, что при верстке под стандартные моб. разрешения - 320, 480, 640, 768 и т.д. в браузере все нормально, но на телефоне клиентов некоторых разрешения бывают и 1280, а отображают контент как 320 или 640 примерно, при этом игнорируют полностью. К примеру у айфона 5s разрешение 640, а отображает контент как 320. К примеру, если не понятно, на айфоне 5s работают такие правила css:
media screen and (max-width: 320px) {
правила....
}

в браузере верстаю под 320x480 для айфона)

Может я чего то не догоню, или это вполне нормально и какие то методики правильной верстки? Верстаю уже год где-то, так что книги про адаптивную верстку типа отзывчивого дизайна не предлогайте, я там ничего не нашел) Не понятно почему так телефоны себя ведут, игнорируя метатег

Answer 1

[Mr Crabbz]

Почитайте про pixel aspect ratio и css dpi. Сразу поймёте в чем дело.

Answer 2

[semki096]

Можно взять простенький фреймворк, например skeleton, и наглядно просмотреть как он решает разные задачи, проще будет найти рецепты и ответы.

Comments

[thehighhomie]

лучше было бы узнать ширину отображаемой поверхности определенного устройства)