我在学习CSS的第二个星期就遇到了这个问题--当我开始学习移动的响应时.我找不到任何答案。
你肯定有一个元素-节，div，图像，无论什么-有一个宽度，不适合在视口。
使用浏览器工具检查它-你会马上看到哪个元素扩展得太多。我发现的一个帮助我的建议是设置 *{border：1 px solid red} -它为每个元素添加了一个边框，这样我就可以很容易地看到哪个元素是错误的。
它可能是由绝对位置引起的，也可能是由像素的特定宽度引起的-一旦您确定了哪个元素导致了问题-就可以尝试它，直到它正确为止。
这不是'所有的div元素都有这个额外的边距'，它可能是一个元素扩展太多，因此增加了额外的空间到上面和下面的所有东西。

可能有一个父容器有固定的宽度或填充。或者它可能水平溢出并导致滚动条出现。在这种情况下，将以下内容添加到div中：

overflow-x: hidden;

字符串

1.重置CSS
你可能想重置CSS如下。我会告诉你我的方式，我喜欢使用之前设置项目。

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

字符串
这可能会删除您网站中所有不需要的和意外的冗余边距和填充。
另外，打开开发者工具，将鼠标悬停在你认为看起来很尴尬的部分，一些html标签，如<h1>可能有默认的边距/填充。
1.你可能想尝试使用fit-content CSS属性。这允许你告诉元素尽可能沿着内容本身消耗。这也可能有助于删除不需要的边距/填充。