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

【问题标题】：What is wrong with this Media Query?这个媒体查询有什么问题？
【发布时间】：2017-11-24 02:33:13
【问题描述】：

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

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

}

【问题讨论】：

欢迎堆栈溢出。你是如何测试的？
您能否提供更多详细信息，说明您的期望、您得到的以及两者之间的区别？不清楚你在问什么。
你用的是什么浏览器？

标签： html css media-queries

【解决方案1】：

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

或者改成min-width，意思是大于等于1200px；

【讨论】：