有些@media查询有效，有些则没有

Question

我正在使用bootstrap和自己的style.css。

我不知道某些@media的作品有些没有。

代码：

    .col-md-4.acompanhantes {
    margin-bottom: 30px;
    float: left;
    }
    @media (max-width: 1200px){...}
    @media (max-width:1000px){...}
    @media (max-width:992px){
    .col-md-4.acompanhantes {width:50%;}
    }
    @media (max-width: 767px){...}
    @media (max-width: 700px){...}
    @media (max-width:550px;){
    .col-md-4.acompanhantes {width:100%;}
    }
    @media (max-width:480px;){...}

最大宽度代码：550不起作用，可能与bootstrapm有些冲突，我不知道。

例如“.col-md-4.acompanhantes”不适用于max-width：550但适用于max-width：992px。

由于

Answer 1

您在max-width: 550px之后有一个分号，这会因为语法无效而导致您的媒体查询失败。

尝试删除它以解决此问题。