首先，我想道歉，如果之前已经有人问过这个问题。我试图找到答案，但是什么都没有出现。我在编码方面还很陌生，并且据我所知已经碰壁了。我很感激您的直接帮助或向我展示正确的方向。
我们在不同设备上的布局存在问题。移动网站看起来不错，与台式机一样。但是，在768-799px之间，它会使网站失真，然后在800-1300px之间，它会以另一种方式失真，看起来都不好。我经历并更改了所有@media查询以尝试对其进行调整，但是没有运气。我已附上两张我们遇到的不同问题的照片。
提前谢谢！
答案 0 :(得分：0)
在不发布任何代码的情况下，很难确切地知道是什么原因造成的，但是flexbox是一个很好的工具。 https://css-tricks.com/snippets/css/a-guide-to-flexbox/是一个很好的参考。我的理解是，您希望防止重叠的项目，以及如何通过将它们放在同一容器内的单独的flexbox项目中来防止重叠。如果链接中的任何内容令人困惑，则有很多关于该主题的出色YouTube教程。
