html - 修复了 Bootstrap 导航栏在移动设备上无法缩放的问题

Question

我刚开始在我的 android 上调试我的 ASP.NET 网站，并注意到当我放大/缩小时，固定的导航栏不会增大/缩小。相反，它始终显示导航栏的左上角，并且导航栏保持相同大小。

如果我切换到静态导航栏，那么当我放大/缩小时它会完美缩放。这是一个已知问题还是我错过了什么/做错了什么？

有没有办法让导航栏只在手机上静态显示？并固定在桌面上？

Answer 1

我没有足够的声誉来评论您的问题，所以我必须将其作为答案发布。

您是否尝试过使用改变导航栏高度的媒体查询？请记住，您可能需要对导航栏中的元素使用额外的媒体查询，例如输入、按钮、文字大小等

@media screen and (max-width: your-desired-width-in-px) {
    #id-of-the-navbar {
        height: desired-value-in-em/px/%;
    }
}