VoxelGod
@VoxelGod
Настройка шаблонов WordPress

Почему сайт отображается не правильно на Iphone?

Здравствуйте. Тестирую свой сайт(проблему с долгой загрузкой устраню). Наткнулся на проблему с отображением сайта на Iphone. В браузере есть функция, которая делает окошко размером по пикселям таким же, как и телефон. На всех девайсах отображается отлично, да и со всех телефонов(Android/Windows) родственников уже протестил.
Сам сайт: ссылка
Iphone
514bc2df5dcc4b978074224eef9c4693.pngЛюбой другой телефон
38c240cb686e47f68bf1e75eeedf1e8d.png

На Ipad все отображается правильно. Прилагаю JS код, если поможет:
var WindowHeight = $( window ).height();
var WindowWidth = $( window ).width();
$(".malto-head").css("min-height", WindowHeight);
$(".head-elements").css("margin-top", WindowHeight/2.2);
$(".empty").css("min-height", $( ".head-bar" ).height());
$(".menu-element a").mPageScroll2id();


Все, что я смог самостоятельно узнать - это то, что белая полоса сверху в отображении Iphone - это правило для класса .iphone у тега <html>:
.iphone {
     .padding-top: 40px;
}


Код остальных элементов можно посмотреть в браузере.

Заранее спасибо!
  • Вопрос задан
  • 1222 просмотра
Решения вопроса 1
@SirMustache
В верстке присутствуют блоки с классом iphone , для них, скорее-всего, и задавался паддинг. Переименовать блоки и класс. Или отключить Modernizr или какая библиотека там используется.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы