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

这个媒体查询似乎不起作用。怎么了？我尝试了一些基本的改变（比如文本颜色变为红色）来测试它是否有效并且没有任何区别

@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;
    }

}

---

“最大宽度”表示此样式应用于小于或等于1200px，如果希望看到更改，请尝试将其更改为“最大宽度500px”或“400px”

---

或将其更改为最小宽度，即大于或等于1200px

欢迎来到堆栈溢出。你是如何测试的？你能提供更多关于你期望什么、你得到什么以及它们之间的区别的细节吗？不清楚你在问什么。你在用什么浏览器？