Html 自助汉堡

目前我已经设置了导航栏，但是当我将标签缩小到平板电脑大小时，导航栏会堆叠起来，看起来非常奇怪。然而，当我一路收缩到移动时，问题就解决了。确定导航条何时收缩为汉堡包的最佳方法是什么？对我来说，最理想的情况是导航栏标题开始堆叠时

如果您使用的是bootstrap，只需在它收缩到移动时使用Google inspect检查宽度大小即可

如果@media query在500px处触发，只需再添加一些像素，以便在需要时触发，例如，如果导航栏在700px处堆叠且外观不好，请将@media query大小从500px更改为700px

---

这只是一个例子，因为您没有发布任何代码

在问题中添加一些代码。如果我们不能确定问题所在，没有人能够提供帮助。所以我会用CSS创建自己的@media样式，或者使用bootstrap中提供的样式？如果我想让它在500px触发，代码会是什么样子。我需要你分享你的代码，这样我可以更好地帮助你，我以前写的就是一个例子。您可以修改引导以满足您的需要，但通常创建您自己的类来修改它并应用它！重要的是，我会寻找这样的东西，然后添加一个自定义类到您的自定义css文件中，并更改大小添加！重要的方法。。这又是一个例子，因为我没有你的代码。这是我一直在尝试的，但似乎没有达到目的。我使用的导航条如下所示：