iOS CSS3 动画后的右侧空白

iOS right side whitespace after CSS3 animation

在网站 https://swap-n-sell.com 上,右侧是否在 iOS 上有一个空格。在其他浏览器中它可以工作。当我打开侧边栏并使用左上角的按钮将其关闭时出现空白:

带有 CSS3 动画的边栏 opens/closes。关闭后,我在这个空格的右侧:

我用 Webinspector 检查了它并在正文中添加了 margin-right: 0%;。突然,空白被删除了,但是当我再次打开侧边栏时,空白也又出现了。也许视图没有刷新或类似的东西我不知道。感谢您的帮助。

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

尝试将 overflow-x: hidden; 添加到您的 body 或检查白色 space 以了解哪个 div 造成了问题并尝试在 div 上玩 overflow-x

祝你好运'

您的叠加层在 CSS:

中具有这些值
height: 3799px;
width: 1280px;

导航再次关闭后,这些值是否会被删除?

换句话说: 我感觉该站点正在测量我的视口,然后将这些值添加到 CSS。因此,当我调整浏览器-window 大小时,叠加层将保持相同的宽度,从而导致大量问题(例如,我无法再关闭导航)。我不知道 iOS 设备的视口值是否会以正确的方式计算。可能是设备宽度而不是视口宽度?