我的网站非常重叠，我不知道该怎么办
My website is very overlapping and I don't know what to do
我正在努力制作一个好的网站，但我遇到了一个大问题：重叠。
当我将 window 变小时，我所有的元素都被展开了。
在手机上更糟。我能做什么？
https://bucovina-tour.000webhostapp.com
我查看了您的 .css 定义，看起来您在尝试构建 responsive/adaptative 网站时定位 html 元素的方式并不理想.
例如，当您为 .button_center class 定义 margin-top: 500px 时，请注意这些边距会在某个时候开始相互堆叠。
在标准分辨率（例如 1366x768）下，space 足以让您的所有按钮相互对齐，因此它们的边距会重叠，就像它们是一个一样。但是，当缩小屏幕分辨率时，所有按钮都不会 space 保持在同一行，因此它们将开始相互堆叠。但是，根据 css 的定义，每个按钮顶部应该有 500 像素的边距，它们将开始在屏幕上垂直展开。
这是您的网站重叠的原因之一，但还有更多原因。我强烈建议在编辑模板之前先看看 Responsive Webdesign Principles 并在较小的范围内玩一下响应度。当您在 CSS 上堆叠多个意外行为时，理解 为什么 每个元素都损坏的难度呈指数级增长。
另外，探索大多数浏览器都有的 inspect 工具。使用此工具，您只需将鼠标悬停在 html 组件上，就可以直观地看到边距、边框、宽度和各种其他特征！它对网络调试非常有用。
- 您的一些代码非常硬编码。在给元素设置大小之前，请尝试考虑移动设备的大小（并通过控制台检查）
- 如上所述，对于每一步，使用@media 查询
- 我强烈建议您学习如何在 CSS 中使用 flex。乍一看似乎有点复杂，但实际上并非如此。它为您完成大部分响应工作。这才是真正的美！
祝你好运:)
我正在努力制作一个好的网站，但我遇到了一个大问题：重叠。 当我将 window 变小时，我所有的元素都被展开了。 在手机上更糟。我能做什么？ https://bucovina-tour.000webhostapp.com
我查看了您的 .css 定义，看起来您在尝试构建 responsive/adaptative 网站时定位 html 元素的方式并不理想.
例如，当您为 .button_center class 定义 margin-top: 500px 时，请注意这些边距会在某个时候开始相互堆叠。
在标准分辨率（例如 1366x768）下，space 足以让您的所有按钮相互对齐，因此它们的边距会重叠，就像它们是一个一样。但是，当缩小屏幕分辨率时，所有按钮都不会 space 保持在同一行，因此它们将开始相互堆叠。但是，根据 css 的定义，每个按钮顶部应该有 500 像素的边距，它们将开始在屏幕上垂直展开。
这是您的网站重叠的原因之一，但还有更多原因。我强烈建议在编辑模板之前先看看 Responsive Webdesign Principles 并在较小的范围内玩一下响应度。当您在 CSS 上堆叠多个意外行为时，理解 为什么 每个元素都损坏的难度呈指数级增长。
另外，探索大多数浏览器都有的 inspect 工具。使用此工具，您只需将鼠标悬停在 html 组件上，就可以直观地看到边距、边框、宽度和各种其他特征！它对网络调试非常有用。
- 您的一些代码非常硬编码。在给元素设置大小之前，请尝试考虑移动设备的大小（并通过控制台检查）
- 如上所述，对于每一步，使用@media 查询
- 我强烈建议您学习如何在 CSS 中使用 flex。乍一看似乎有点复杂，但实际上并非如此。它为您完成大部分响应工作。这才是真正的美！
祝你好运:)