移动视图中右侧不需要的空白区域

Question

对于我的网站，我在移动视图中看到右侧有一个空白区域，桌面上有一个很好的空白。我正在附上它的屏幕截图

任何人都可以帮我解决这个问题。谢谢

Answer 1

我认为您网页上可能有一个元素可能有宽度，填充或边距超过100％。 当“检查”页面并将鼠标悬停在空白区域时，您可以选择一个位于所需页面之外的元素。

尝试使用inspect元素找到它，并使用媒体查询在CSS中更改此内容

Answer 2

对于简单而不复杂的代码，只需在css文件中使用此代码

body{
    overflow-x: hidden;
}

Answer 3

首先按照以上答案，确保任何元素的宽度都不应超过100％，然后再尝试以下方法：
也尝试在html中制作overflow-x: hidden;

html,body{
    overflow-x: hidden;
}

对我有用