iOS правая сторона пробела после анимации CSS3

Question

На веб-сайте https://swap-n-sell.com с правой стороны получается пробел на iOS. В другом браузере это работает. Пробельные появляется, когда я открыть боковую панель и закрыть его с помощью кнопки в верхнем левом углу:

Боковая панель открывается/закрывается с помощью CSS3 анимации. После того, как она закрыта я на правой стороне этот пробел:

Я осмотрел его с WebInspector и добавил margin-right: 0%; к телу. Внезапно пробелы были удалены, но когда я снова открыл боковую панель, снова снова были пробелы. Может быть, представление не обновляется или что-то вроде этого я не знаю. Спасибо за вашу помощь.

Answer 1

накладываемого имеет эти значения в CSS:

height: 3799px; 
width: 1280px; 

Будут ли эти значения будут удалены после того, как навигация была снова закрыта?

На другое примечание: У меня возникает ощущение, что сайт измеряет мой видовой экран, а затем добавляет эти значения в CSS. Поэтому, когда я изменяю размер окна браузера, наложение останется той же ширины, что вызовет массовые проблемы (например, я больше не могу закрыть навигацию). Я не знаю, будут ли рассчитываться значения для видового экрана устройства iOS. Может быть, это ширина ширины устройства, а не ширина видового экрана?

Answer 2

Я не могу воспроизвести вашу ошибку, но я бы поставил на overflow.

Try добавляя overflow-x: hidden; к вашему телу или осмотреть белое пространство, чтобы знать, какие ДИВА создать проблему и попытаться играть с overflow-x на этом DIV а.

УДАЧИ»