Почему едет верстка на iphone и ipad?

Question

[sllugovskih]

Здравствуйте есть сайт: flackbox.ru/axxtel/

На ipad в альбомной ориентации нормально отображается главная страница, а вот в книжной в обычной ориентации сайт едет. В чем может быть проблема?

Comments

[sergey]

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

Answer 1

[sergey]

интересно взглянуть как прописаны media queries, особенно на расширение меньше 768px, для iPad и iPhone они прописывается вот так:
iPad горизонтальный и вертикальный режимы:
media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) { ...}

iPad mini:
media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1) {...}

кроме того в head не задан обязательный параметр:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Comments

[sergey]

sllugovskih ну так проделайте предложеные мной вещи и будет Вам счастье и вашему сайту, а если серьезно, то как вы себе представили отображение сайта на меньших размерах от номинала? Каким образом он будет ресайзиться, не только на iPad а вообще на любых устройствах? То что он при 1024px нормально сыграл,

[sergey]

sllugovskih то обыденное дело, но размеры меньше и все заплыв, ибо ничего не прописано для них. Слышали что такое адаптивная верстка, ну так вот, это Ваш случай.