固定引导程序导航栏无法在移动设备上扩展

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/%;
    }
}

Answer 2

这样做的一种快捷方法是使用媒体查询