这个媒体查询有什么问题？

Question

此媒体查询似乎不起作用。这有什么问题？我已经尝试了基本的更改（比如文本颜色到红色）来测试它是否有效并且它没有任何区别。

@media only screen and (max-width: 1200px) { 

    .brand-heading {
        margin-left: 250px;
        text-align: center;
    }

    .intro-text { 
        margin-left: 100px; 
        text-align: center;
    }

    .js-scroll-trigger {
        margin-left: 10px;
    }

}

Answer 1

max-width表示此样式适用于小于或等于1200px如果要查看更改，请尝试将其更改为最大宽度500px或400px

或者将其更改为min-width，这意味着大于或等于1200px;