帮我看一下 下面的 css媒体查询哪里错了 怎么变不了 就5行代码
发布网友
发布时间:2023-03-21 17:51
我来回答
共1个回答
热心网友
时间:2023-10-09 17:09
and后面要有空格。
<!doctype html>
<html>
<head>
<title>viewpot</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<style>
body{background:yellow;}
@media screen and (max-width:960px){
body{background:red}
}
@media screen and (max-width:768px){
body{background:blue;}
}
@media screen and (max-width:550px){
body{background:black;}
}
@media screen and (max-width:320px){
body{background:green;}
}
</style>
</head>
<body>
</body>
</html>