Проблема при просмотре страницы на iPhone?

Question

[AlohaAlohaAloha]

Добрый день,

Прошу помощи, как начинающий в профессии верстки.
Суть проблемы такова, при просмотре макета на iPhone, часть width=100% контейнеров едет, само собой увлекая за собой содержимое. Я так понимаю, что необходимо выставить параметры viewport или может быть я не прав. Но все же, хотелось бы попросить помощи у профессионалов.
Скриншот происходящего - https://goo.gl/KqOskR

Код происходящего - codepen.io/anon/pen/pgWxMP?editors=110

Comments

[Иван Козлов]

Ты можешь загрузить то что есть на хостинг?

[AlohaAlohaAloha]

извините, к сожалению не могу, так как хостинга еще нет

[Mr Crabbz]

AlohaAlohaAloha: https://beget.ru/free-hosting

[AlohaAlohaAloha]

Роман Краббз: Роман, я могу выслать Вам макет для просмотра?

[Mr Crabbz]

AlohaAlohaAloha: да вы в вопрос выложите архив через какой нибудь mega.co.nz или яндекс.диск

[AlohaAlohaAloha]

Роман, вложил главную и файл со стилями. https://mega.nz/#!xZNHhJbZ

[AlohaAlohaAloha]

AlohaAlohaAloha: !Dy4aoFOjOYTPEmKosBGa_DWR6IyWb-Xfz0xpke_lT18 -- ключ

[Mr Crabbz]

AlohaAlohaAloha: Ответил ниже.

Answer 1

[Mr Crabbz]

Для ваших классов, в которых указана ширина 100% (.page-container, .header и т.п) - укажите min-width: 1145px
Это конкретно к вашему случаю относится только.

Или еще круче: body { min-width: 1145px; } - так точно все элементы норм будут.

Адаптив и мелкие экраны можно проверять в Firefox нажатием ctrl+shift+M

Comments

[AlohaAlohaAloha]

Роман, большое спасибо Вам за помощь! Очень признателен.