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

Question

Legal Adviser @Legal2019

Всё в имени моём... и радость и печаль...

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

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

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

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

Вопрос задан более трёх лет назад
54 просмотра

1 комментарий

Подписаться 1 Простой 1 комментарий

alex steel @alexsteel07

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

@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;
}

}

Написано более трёх лет назад

Решения вопроса 1

Комментировать

Пригласить эксперта

Ответы на вопрос 1

Комментировать

Ваш ответ на вопрос

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

Войти через центр авторизации

Похожие вопросы

CSS

Простой
Как сделать так, чтобы при наведении на один объект, меняется другой, с помощью hover?
- 1 подписчик
- 52 минуты назад
- 21 просмотр
1

ответ
JavaScript

+2 ещё

Простой
Как сделать так, чтобы звезда падала только при скролле страницы?
- 1 подписчик
- час назад
- 39 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Почему вылезает второй слайд?
- 1 подписчик
- 2 часа назад
- 26 просмотров
1

ответ
Вёрстка

Простой
В чем может быть проблема, верстка расплывается по экрану телефона?
- 4 подписчика
- 22 часа назад
- 1555 просмотров
2

ответа
JavaScript

+1 ещё

Средний
Как реализовать анимацию текста при выходе за границу блока?
- 2 подписчика
- вчера
- 110 просмотров
1

ответ
CSS

Простой
Как зафиксировать блок с позиционированием от родительского контейнера?
- 2 подписчика
- 16 апр.
- 118 просмотров
1

ответ
Вёрстка

Средний
Что использовать для современной автоматизации верстки?
- 1 подписчик
- 15 апр.
- 124 просмотра
1

ответ
JavaScript

+1 ещё

Простой
Как определить величину перекоса transform skew?
- 1 подписчик
- 15 апр.
- 64 просмотра
1

ответ
JavaScript

+2 ещё

Простой
Как исправить прыгающий контент у сайта?
- 2 подписчика
- 15 апр.
- 214 просмотров
1

ответ
HTML

+1 ещё

Средний
Как сделать чтобы было по 2 блока на строке, а не сразу все 4?
- 2 подписчика
- 15 апр.
- 74 просмотра
1

ответ
Показать ещё Загружается…

Frontend-разработчик (React)

ДАЛЕЕ

от 130 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

Trainee - IT Support

move2usajobs.com LLC • Лос-Анджелес

от 2 000 до 4 000 $

Лексический, синтаксический анализатор на c#

18 апр. 2024, в 12:35

2000 руб./за проект

Доработка самописного сайта PHP по вёрстке и не много бека (сегодня)

18 апр. 2024, в 12:24

4000 руб./за проект

Скрипт по работе с API и записи в MySQL данных (задача на сегодня)

18 апр. 2024, в 12:20

4000 руб./за проект

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

@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 · 2019-03-22 11:36:58

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

Answer 2 · 2019-03-22 14:49:16

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

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

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

Минуточку внимания

Войдите на сайт