html - 仅在小屏幕上的页面右侧空白（桌面上的 Safari 和手机上的 Chrome）

Question

我网站上每个页面的右侧都有一个空白区域。此空白仅在屏幕宽度小于 767 像素时出现，因此它一定是导致它的媒体查询之一，但我找不到原因。我尝试更改body元素以及#top元素、.header元素和#menu元素的宽度和溢出。我怀疑其中一个会导致问题，但我很困惑。奇怪的是，这只发生在我桌面上的 Safari 上，但在我的手机上，它也发生在 Chrome 上。

在较小的屏幕宽度上查看此网站。

有没有人有任何有用的见解？

标签： htmlcssremoving-whitespace

Answer 1

请添加CSS

@media (max-width: 767px){
   html {overflow-x: hidden;}
 }