调整引导导航栏的大小答案

【问题标题】：Resizing Bootstrap NavBar调整引导导航栏的大小
【发布时间】：2015-01-05 19:45:55
【问题描述】：

我正在使用 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;
    }
    }

【问题讨论】：

"媒体查询会在屏幕变小之前更改导航栏的高度。" - 是的，因为这将在宽度 >= 268px 时应用。你确定你不是要使用 max-width 吗？
你能给我们提琴吗

标签： css asp.net twitter-bootstrap visual-studio-2013 navbar

【解决方案1】：

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

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

【讨论】：

很高兴我能帮上忙。 :)