Question

我正在使用Bootstrap创建一个网站，并希望在浏览器屏幕最小宽度时调整Navbar高度：268，我使用媒体查询来执行此操作但由于某种原因，媒体查询会更改Navbar的高度在屏幕缩小之前，有人可以帮忙，代码在下面。

     .navbar-inverse {
    background-color: #fff;
    border-color: transparent;
    height: 105px;
    }


    @media only screen and (min-width: 268px) {
    .navbar-inverse {
    background-color: #fff;
    border-color: transparent;
    height: 50px;
    }
    }

Answer 1

如果您希望在宽度小于286px时应用此样式，请使用max-width。试试这个：

@media only screen and (max-width: 268px) {
    .navbar-inverse {
    background-color: #fff;
    border-color: transparent;
    height: 50px;
    }
}

调整Bootstrap NavBar的大小

1 个答案: