媒体查询不适用于中等范围

Question

我正在尝试根据屏幕尺寸更改网站的正文填充，但中等范围不起作用。该网站仍然使用默认移动大小的正文填充。我已经尝试将最小宽度从768px降低到767px或更低，看看是否会改变任何东西，但事实并非如此。我看不出语法有什么问题。我错过了什么吗？谢谢。

body{
    padding-bottom: 300px;
    margin-bottom: 900px;    
}

@media (min-width:768px) and (max-width: 991){
    body{
        padding-bottom: 300px;
        margin-bottom: 500px;    
    }
}

@media (min-width:992px) {
    body{
        padding-bottom: 300px;
        margin-bottom: 100px;    
    }
}

@media (min-width:768px){
/*more codes here....... */
}

Answer 1

应为max-width：991 px

此外，您使用＆＃34;更多代码进行上次查询...＆＃34;可以覆盖以前的设置。这些是什么？如果你在这里设置这些属性，你真的要说＆＃34;好吧，当屏幕大于768px＆＃34;时应用这些属性。这是在您之前的范围内，将被覆盖。