CSS3媒体查询在记事本++中不起作用答案

【问题标题】：CSS3 Media Queries not working in Notepad++CSS3媒体查询在记事本++中不起作用
【发布时间】：2014-03-08 07:57:56
【问题描述】：

我将以下media query 直接添加到我网页的样式表中：

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

background-color:red;

 }

因此，如果媒体类型为屏幕且其最大宽度为 480 像素，我将背景颜色更改为红色。但是 Notepad++ 并没有将媒体查询作为 CSS 功能，它没有按照它应该的颜色显示。

有什么建议吗？

【问题讨论】：

【解决方案1】：

你想要

@media screen and (max-width: 480px) {
    #content {
        background-color:red;
    }
}

参见第一个示例，规则位于媒体查询内部

【讨论】：

【解决方案2】：

您的媒体屏幕没有类或 ID。

你应该添加类或 id。

示例：

@media screen and (max-width: 480px) {
    your class or id name{
        background-color:red;
    }
}

.................................................. .....................

类：

@media screen and (max-width: 480px) {
        .content{
            background-color:red;
        }
    }

.......

身份证号：

 @media screen and (max-width: 480px) {
           #content{
                background-color:red;
            }
    }

【讨论】：