CSS3媒體查詢在記事本++

Question

不工作我加入以下media query直接將樣式表到我的網頁：

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

background-color:red; 

} 

所以我提出的背景顏色變爲紅色，如果媒體類型是屏幕，其最大寬度是480px。但Notepad ++不會將媒體查詢作爲CSS功能拾取，它不會按照其應有的顏色顯示。

有什麼建議嗎？

Answer 1

你想

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

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

看到的第一個例子中，規則去媒體查詢

Answer 2

媒體屏幕內不具有class和id。

您應該添加class或id。

Ecxample：

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

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

類：

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

...... ...

id：

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