Почему верстка сайта на айфоне выглядит не так как на ос андройде?

Question

[Сергей]

Сверстал адаптивный дизайн для сайта, во всех телефонах кроме айфоновских все отлично, в айфоне глючит достаточно сильно.

Медиазапросы прописаны так.

@media only screen and (max-width: 414px), only screen (max-device-width : 414px) and (-webkit-min-device-pixel-ratio: 2)

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

Если сайт можно указать чтоб протестить, то по запросу "пунктуальное такси" будет нужный сайт, желтый такой.

Answer 1

[Cyber_bober]

Если нужно пофиксить сайт, чтоб протестить, то по запросу «верстка сайта для айфоновских телефонов» будет нужен сайт, фиолетовый такой.

Не, ну серьезно, где ссылка/скриншоты/описание? Для айфоновских телефонов обновлений не выходило.

UPD
для меню задайте ширину в 100% и определяйте реальную ширину контейнером

<img alt="такси дешево" class="img-responsive" src="/images/logo.png" width="100%">

Замените все ваши max-width:414 на
@media screen and (max-width: 767px)

Iphone 5s

Comments

[Сергей]

Если ссылку можно, то вот taxi-punkt.ru

[Cyber_bober]

даже нужно, окей, теперь расскажите что там неверно отображается?

[Сергей]

Cyber_bober: слева как должно быть и как на всех телефонах, справа на афоне prntscr.com/agpssc

[Cyber_bober]

Сергей: апнул коммент

[Сергей]

Cyber_bober: через инспектор в браузере все хорошо, глючит именно при просмотре через айфон.

[Cyber_bober]

Сергей: а вы на каком разрешении тестируете? по ширине?

[Сергей]

Cyber_bober: хм.. только сейчас дошло в чем проблема.. спасибо! Там же ретина.. получается что используются стили от 640px и визуально сжимаются до 320px. Можно теперь определить стили именно для айфона, но чтобы весь адаптив не ехал? Через device-pixel-ratio не получается, затрагивает и адаптив на компе.

[Cyber_bober]

Сергей: ни что не ужимается, там просто плотность пикселей. вам не нужно ее учитывать. Определяйте все стили до 768px как зашито в бутстрэпе. Код для брэйкпоинта я указал выше.