媒体查询根本不起作用答案

【问题标题】：Media queries don't work at all媒体查询根本不起作用
【发布时间】：2016-01-22 23:12:03
【问题描述】：

我正在尝试使我的 wp 博客具有移动响应能力，因此我想使用 CSS 中的媒体查询。但是，它根本不起作用。作为概念证明，我只想将颜色更改为红色，但是当我最小化窗口时没有任何变化。请检查我的代码 sn-ps。我会很感激的:)

第一部分：

*/Conditional CSS*/

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

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

请注意，CSS 位于主 CSS 文件中，位于代码的最后。此时我真的很绝望。

感谢您的帮助:)

【问题讨论】：

标签： wordpress responsive-design media-queries

【解决方案1】：

试试这个：

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

如果这不起作用，请尝试以下方法：

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

【讨论】：

嗨 Andre，我尝试添加重要标签，但没有任何变化。