媒體查詢根本不起作用

我正在嘗試使我的wp博客移動設備響應，因此我想在CSS中使用媒體查詢。但是，它根本不起作用。作爲概念證明，我只想將顏色更改爲紅色，但在最小化窗口時不會改變。請檢查我的代碼片段。我將不勝感激:)媒體查詢根本不起作用

第一部分：

*/Conditional CSS*/ 
 

 
@media screen and(max-width : 900px) { 
 
    body { 
 
     color: red; 
 
    } 
 
}

<!DOCTYPE html> 
 
<html lang="en-US"> 
 
\t <head> 
 
<meta charset=="UTF-8"> 
 
\t \t <meta name="viewport" content="width=device-width, initial-scale=1.0,  
 
     maximum-scale=1.0, user-scalable=no"/> 
 
\t \t 
 
<!-- css -->

請注意，CSS是主要的CSS文件中，並在代碼的最末尾。在這一點上我真的很絕望。

THX對您有所幫助:)

來源

2015-12-13 Nils Side

試試這個：

@media (max-width : 900px) { 
body { 
    color: red; 
} 
}

如果不行，試試這個來代替：

@media (max-width : 900px) { 
body { 
    color: red!important; 
} 
}

來源

2015-12-14 01:31:54

嗨安德烈，我試圖添加重要的標籤，但沒有改變。 –

媒體查詢根本不起作用

回答

相關問題