ширина нижнего колонтитула установлена ​​на 100%, абсолютное положение не распространяется до правого края окна браузера в мобильном сафари

Question

доброе утро, о могучий стек.

мы работаем над сайтом, построенным на WordPress, используя фреймворк Genesis.

он здесь, http://foodtrucksnashville.com

Все в порядке в Chrome, Opera, FF и IE (достаточно близко), пока вы не посмотрите на это в Mobile Safari на iPhone и iPad

# нижний колонтитул (внизу, соблака и синий фон) ширина: 100% позиция: абсолютная;низ: 0;но, увы, он не распространяется полностью справа от окна просмотра браузера.

Я немного прочитал о мобильном сафари, задыхаясь от позиции: исправлено, но я не смог найти ничего полезногодля меня здесь.Следовательно, новый Stack_Query.

еще раз спасибо, стек.

есть хороший.

ps Я бы хотел избежать использования JavaScript для решения этой проблемы, (вызнаете, получите ширину области просмотра с помощью jQuery и автоматически присвойте это значение # footer-wrapper), но если это то, что говорит стек, то ТАК БУДЕТ ЭТО.

Answer 1

Чтобы предотвратить опасный компортирование окна просмотра, вы можете настроить его.Для этого используйте теги <meta>.

<meta name="viewport" content="width=device-width" /> увеличивает область просмотра на устройстве.У меня на мобильном сайте нижний колонтитул шириной 100%, с этим кодом проблем нет.

Для получения дополнительной информации прочитайте официальную документацию Apple по этой теме.