调整大小 Bootstrap 导航栏

Question

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

     .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

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

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