html - Bootstrap 断点 - 有问题

Question

如果之前有人问过这个问题，我首先要道歉。我试图找到答案，但什么也没有出现。我在编码方面仍然很新，并且在我的知识中遇到了瓶颈。我很感激任何直接的帮助或向我展示正确的方向。

我们在不同设备上的布局存在问题。移动网站看起来不错，与桌面相同。然而，在 768-799px 之间，它扭曲了网站，然后在 800-1300px 之间，它以另一种方式扭曲，看起来都不好。我已经完成并更改了所有@media 查询以尝试对其进行调整，但没有成功。我附上了两张我们遇到的不同问题的图片。

提前致谢!

Tablet view 768-799px

Over 800px

Answer 1

在没有发布任何代码的情况下很难准确判断是什么原因造成的，但是 flexbox 是一个很好的工具。 https://css-tricks.com/snippets/css/a-guide-to-flexbox/是一个很好的引用。我的理解是你想防止重叠元素，我将如何使用它来防止重叠，方法是将它们放在同一容器内的单独 flexbox 元素中。如果链接中的任何内容令人困惑，则有大量关于此主题的精彩 YouTube 教程。