CSS3动画后iOS右侧空白

Question

在网站https://swap-n-sell.com上，右侧是iOS上的空白区域。在其他浏览器中它工作。当我打开侧边栏并用左上角的按钮关闭它时，会出现空白：

边栏使用CSS3动画打开/关闭。关闭之后，我在这个空白的右侧：

我使用Webinspector进行了检查，并将margin-right: 0%;添加到了正文中。突然间，空白被移除了，但当我再次打开侧边栏时，空白也在那里。也许视图不刷新或类似我不知道的东西。谢谢你的帮助。

Answer 1

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

尝试在您的身体中添加overflow-x: hidden;或检查空白区域以了解哪个 div 会产生问题，并尝试在此 div <上使用overflow-x / strong>以及。

祝你好运＆＃39;

Answer 2

你的叠加层在CSS中有这些值：

height: 3799px;
width: 1280px;

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

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