媒体查询根本不起作用

我正在尝试使我的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

嗨安德烈，我试图添加重要的标签，但没有改变。 –

媒体查询根本不起作用

回答

相关问题