CSS3动画后的iOS右侧空白

Question

在网站https://swap-n-sell.com上，右侧在iOS上获得了空格。 在其他浏览器中也可以。 当我打开侧边栏并使用左上角的按钮将其关闭时，将出现空白：

侧边栏使用CSS3动画打开/关闭。 关闭后，我将在该空格的右侧：

我用Webinspector检查了一下，并添加了margin-right: 0%; 到身体。 突然，空白被删除了，但是当我再次打开侧边栏时，空白也再次出现了。 也许视图没有刷新或类似我所不知道的东西。 谢谢你的帮助。

Answer 1

我无法重现您的错误，但我敢赌overflow 。

尝试添加一个overflow-x: hidden; 到您的身体或检查空白处，以了解哪个div产生了问题，并尝试在此div上也使用overflow-x 。

祝好运'

Answer 2

您的叠加层在CSS中具有以下值：

height: 3799px;
width: 1280px;

再次关闭导航后，这些值会被删除吗？

另一方面：我感觉到该站点正在测量我的视口，然后将这些值添加到CSS中。 因此，当我调整浏览器窗口的大小时，覆盖层将保持相同的宽度，从而导致大量问题（例如，我无法再关闭导航）。 我不知道是否会以正确的方式计算iOS设备视口的值。 可能是设备宽度而不是视口宽度？