Веб-сайт Drag-able Горизонтально на Ipad - (Нет горизонтальной полосы прокрутки видимой)

Question

При использовании сафари на ipad сайт загружается, и пользователь может перетаскивать веб-сайт влево и вправо, что в итоге показывает бежевый фон (хотя там нет горизонтальной полосы прокрутки). Видео ниже показывает проблему.

Video Showing the Issue

Я добавил это в WordPress файл header.php, но все тот же;

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"/> 

Answer 1

Это сафари, обозначающая конец прокручиваемой страницы. Вы можете изменить этот цвет, установив цвет фона контейнера с наименьшим уровнем, скорее всего, тег тела

Answer 2

Третий столбец div внутри заголовка веб-сайта переполнял тело вправо, так что даже если; горизонтальная полоса прокрутки не была видна (отключена с использованием переполнения: скрытая и метаданные в viewport), она по-прежнему допускала левую и правую горизонтальную возможность перетаскивания для пользователя при просмотре на iPad (только ipad).

Использование инспектора хрома и установка границ: сплошной 3px; помогает найти переполненную область.