Html 我的网站是非常重叠的，我不'；我不知道该怎么办

我正在努力建立一个好的网站，我有一个大问题：重叠。 当我把窗口缩小时，我所有的元素都分散了。 在手机上更糟糕。我能做什么？

---

我查看了您的

.css

定义，在尝试构建响应性/适应性网站时，您定位html元素的方式似乎并不理想

例如，当您为

.button\u center

类定义

页边距顶部：500px

时，请注意，这些页边距将在某个点开始堆叠在彼此的顶部

使用标准分辨率（例如1366x768），您的所有按钮都有足够的空间相互对齐，因此它们的边距将重叠并像一个按钮一样工作。但是，当缩小屏幕分辨率时，您的所有按钮将没有空间保持在同一行，因此它们将开始堆叠在彼此的顶部。但是，根据css的定义，每个按钮的顶部应该有500px的边距，它们将开始在屏幕上垂直分布

这是你的网站重叠的原因之一，但还有很多。我强烈建议在编辑模板之前，在较小的范围内查看并使用响应度。当您在CSS上堆叠多个未预料到的行为时，就很难理解每个元素损坏的原因

此外，还可以探索大多数浏览器都有的检查工具。有了这个工具，你可能只需将鼠标悬停在html组件上，就可以直观地看到它们的边距、边框、宽度和各种其他特性！它对web调试非常有用。

• 您的一些代码是非常硬编码的。在为元素指定大小之前，请尝试考虑移动设备的大小（并通过控制台进行检查）
• 如上所述，对于每个步骤，使用@media查询
• 我强烈建议您学习如何在CSS中使用flex。一开始可能看起来有点复杂，但事实并非如此。它为您完成大部分响应性工作。这才是真正的美

---

祝您好运：）

请注意，您共享的链接需要登录/密码（或者登录屏幕是网站本身吗？因为它在每个屏幕大小上看起来都很好）。另外，欢迎来到StackOverflow。试着描述一下你网站的预期行为，以及到目前为止你做了哪些尝试，这确实有助于理解你的问题。问题出现在登录后的欢迎页面中。我在这个领域没有那么多经验。我在谷歌上搜索，唯一的解决办法就是使用索引？不起作用