Question

我正在努力使我的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文件中，位于代码的最后。我现在非常绝望。

感谢你的帮助：）

Answer 1

试试这个：

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

如果这不起作用，请尝试使用此方法：

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

媒体查询根本不起作用

1 个答案: