消失菜单并修改css容器

Question

我的网站上有一个导航栏和一个容器。 如果窗口小于1000px，我想消失导航栏并修改我的容器的css。 我有这段代码：

@media only screen and (max-width: 1000px) {
    .headerstandard {
        display: none;
    }
    .container-fluid {
        margin-left: 5%;
        margin-right: 5%;   
    }
}

.container-fluid {
    margin-left: 200px; 
}

.vertical_menu {
    margin-top:1%;
    float: left;
    width: 200px;
    position: fixed;
    list-style-type: none; 
    font-size: 13px;
}

当我手动调整窗口大小时，导航栏消失但容器保持200px的边距。 做我想要的方法是什么？ 感谢

Answer 1

将media-query移到css的底部。 订单可能会影响结果。

Answer 2

将您的媒体添加到正常的CSS下方。 试试这个

.container-fluid {
    margin-left: 200px; 
}

.vertical_menu {
    margin-top:1%;
    float: left;
    width: 200px;
    position: fixed;
    list-style-type: none; 
    font-size: 13px;
}


@media only screen and (max-width: 1000px) {
    .headerstandard {
        display: none;
    }
    .container-fluid {
        margin-left: 5%;
        margin-right: 5%;   
    }
}