使我的网站具有响应能力时,我遇到了一个奇怪的问题。

我基本上在移动设备上具有我的网站的以下输出:

即使将mybody设置为overflow-x: hidden;,也仍然有空白,并且我可以在x轴上滚动。即使将其设置为“隐藏”,我也不知道为什么会这样。

然而,可能导致这种情况发生的一件事就是这里:

当我滚动到网站的末尾,然后在x轴上滚动到最右边时,我看到了这些内容。标语和New图标都应显示在我的网站的开头,但不知何故,我可以在底部看到它们。

基本上,我正在寻找以下输出:

我什至添加了,<meta name="viewport" content="width=device-width, initial-scale=1.0">但我不知道为什么我的网站宽度与设备宽度不同。有什么建议?

sgupta的回答

确保您的html元素也有溢出-x:隐藏:

html, body{
  overflow-x: hidden;
}