iOS6 пейзаж к портрету нарушает макет

Question

Я работаю над веб-приложением, которое реагирует. Я поставил viewport мета тег:

<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1"> 

У меня нет никаких проблем с ориентацией в любом месте, но и на iOS6. В этом случае iOS, когда я изменяю ориентацию от пейзажа к портрету, контент сохраняет правильное соотношение сторон, но частично исчезает слева, оставляя пустое пространство справа.

Когда я открываю отладчик для iOS Simulator (Safari> Разработка> iPhone Simulator> URL) и нажмите на html тег - который не переполнил - страница защелкивается обратно туда, где она должна быть.

Обратите внимание, что я полагаюсь на метатег viewport, чтобы сделать это, а не использовать какой-либо собственный режим ориентации. Он отлично работает на:

• iOS5.1.0протестирован на IOS Simulator
• iOS7.0.0протестирован на реальном iPhone

Мы не поддерживаем iOS4 ни нижние версии. Кто-нибудь испытывает то же самое?

Answer 1

Я обнаружил, что это поле ввода, которое заставило страницу сломаться при изменении ориентации от пейзажа к портрету.

После еще большего копания я обнаружил, что основной причиной проблемы является текст placeholder. Устранение этой проблемы позволило бы решить проблему. Но поскольку это была проблема, исключительная для iOS6, мне пришлось найти другое решение ... This question Позвольте мне в правильном направлении.

Все, что я должен был сделать, это указать родительский элемент поля ввода (в данном случае - форму) overflow: hidden.