Bootstrap断点 - 遇到问题



我想开始道歉是否以前提出要求。我试图找到答案,但没有什么为我弹出的。我仍然很新,并且在我所知的墙上已经撞到了墙。感谢任何直接的帮助或向我展示正确的方向。

我们在不同设备上的布局有问题。移动网站看起来不错,桌面相同。但是,在768-799px之间,它扭曲了该站点,然后以800-1300px的形式扭曲了它,以另一种方式扭曲,看起来都不错。我经历了所有的@Media查询,以尝试调整它,但没有运气。我附上了两张我们遇到的不同问题的图片。

预先感谢您!

平板电脑查看768-799px

超过800px

,很难确切判断出什么原因而没有任何代码,但是FlexBox是一个很好的工具。https://css-tricks.com/snippets/css/a-guide-to-flexbox/是一个很好的参考。我的理解是您要防止重叠的项目,以及如何通过将它们放入同一容器中的单独的flexbox项目中来防止这种情况。如果链接中的任何内容令人困惑,则有许多关于此主题的YouTube教程。

最新更新