Bootstrap媒体查询不适用于媒体

Question

我想使用bootstrap创建一个网站。菜单上的一切都很好，我有最大宽度编写的代码：480px，320px和768px。因此，将显示移动设备的菜单。但是当我试图将相同的代码添加到@media only屏幕和（max-width：991px）时（我也想要这些设备的移动菜单）它没有用。实际上有些部分似乎已根据样式进行了更改，但总体菜单与480px的相同。

好的，这是我所有最大宽度的css：480px，320px，768px

@media only screen and (max-width : 768px) {
nav{
    height: 50px;
    line-height:50px;
    background-color: #2f334d;
    position: fixed;
}
.navHeader{
    background-color: #24254d;
}
.line{
    display: none;
}
.logo{
    padding-top:15px;
}
.menu_btn{
    padding:0;
}
#top_menu{

    background-color: #31344e;
}
.menu li{
    padding: 10px 0;
    display: block;
    text-align: center;
    border-bottom: 1px solid white;

}
.title{
    font-size: 35px;
}

}

并且尺寸较小，一切都很好

但是当我为媒体mas 991 px添加相同的代码时，我看到了这一点

Answer 1

您可以在此处尝试以下代码宽度@media（min-width：768px）

0

OR

#menu ul>li{
display:inline-block:!important
}