css - Bootstrap 导航栏在滚动时在移动设备上隐藏了一半

标签 css twitter-bootstrap

我正在使用固定位置的 Bootstrap 导航栏。

<nav class="navbar navbar-light fixed-top background-00" style="border-bottom: 1px solid rgb(247, 247, 247);height: 65px;"></nav>

它在响应模式下工作正常。

现在,当我在 chrome & scroll 中启用移动 View 时,导航栏会隐藏一半。

如何在移动设备上也保持固定?

Before scroll

After scroll

最佳答案

你把这一行放在<head>中了吗?你的 html?

 <meta name="viewport" content="width=device-width, initial-scale=1.0">

关于css - Bootstrap 导航栏在滚动时在移动设备上隐藏了一半,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56826886/

相关文章:

html - Blogger Layout - Anchor 破坏布局

javascript - Bootstrap 导航栏子菜单事件状态不起作用

javascript - 所见即所得多输入(jQuery 插件)

javascript - 我如何居中这个 span 元素?

html - 为什么我的元素没有对齐?

jquery - 使用 Jquery 和 Safari 显示/隐藏 div 时屏幕移动。我该如何防止这种情况?

html - 为什么 IE 特定样式表被忽略

html - 我如何在 css 中为矩阵做自定义边框

javascript - 使用javascript键入后隐藏文本

html - Bootstrap Toggle Button,如何改变大小(高度和体重)