小屏幕上的导航栏大小增加

Question

我有一个 header 并且重叠在导航栏上。我喜欢那样。但问题是，当我从较小的设备访问网站时 navbar-toggle 增加了导航栏的大小如何解决这个问题。我的临时网站 rank.inserver.in/starofdavid

尽量将浏览器最小化。

Answer 1

因为你的按钮在导航之外 header 像这样：

<nav>
    <div class="navbar-header">
        <div class="navbar-brand"><div>
    </div>
    <button></button>
</nav>

改为：

<nav>
    <div class="navbar-header">
        <div class="navbar-brand"><div>
        <button></button>
    </div>
</nav>

您还可以使用 css 媒体查询来设置手机或平板电脑视图的样式 Media Query

Navbar size increases on small screen