Сайт мобильная версия iphone?

Question

[Legal Adviser]

Здравствуйте,
Вопрос № 1:
Не могу понять почему сильная разница в отображении на PC и моб. версиях. Страница
проблемная с отображением на iphone 5 и выше.
Не получается сделать так, чтобы хлебные крошки не наезжали на заголовок статьи. На некоторых устройствах видно нормально, но в некоторых браузерах различных устройств криво.

Вопрос № 2:
Есть также страница на которой в мобильной версии отображаются блоки и заголовки без центровки (CMS WP), хотя на самописном SHTML страница отображается нормально. При этом код идентичен.

Как избавиться от всех этих недугов? Что изменить и где?

Comments

[alex steel]

попробуйте для начала

@media (max-width: 320px) {
/*Стили для iphone 5*/

.content {
    margin-top: 65px;
    padding-bottom: 35px;
}

}
@media (max-width: 375px) {
/*Стили для iphone 6/7/8*/

.content {
    margin-top: 45px;
    padding-bottom: 35px;
}

}
@media (max-width: 414px) {
/*Стили для iphone 6+/7+/8+*/

.content {
    margin-top: 40px;
    padding-bottom: 35px;
}

}

Answer 1

[FeST1VaL]

Так у вас крошки absolute... зачем им такое позиционирование? тут проблема в адаптиве... а не телефоне

Answer 2

[maxsnw]

Скрипт напиши на документ рэди и изменение масштаба(хотя второе редко пригождается, который замеряет высоту блока .vetka и дает отступ контенту равный высоте блока .vetka + еще чуть-чуть пикселей, дабы не было совсем вплотную и не надо ничего вымерять будет.