媒体查询根本不起作用

时间:2015-12-13 20:43:31

标签: wordpress responsive-design media-queries

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

第一部分:

*/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文件中,位于代码的最后。我现在非常绝望。

感谢你的帮助:)

1 个答案:

答案 0 :(得分:0)

试试这个:

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

如果这不起作用,请尝试使用此方法:

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