<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="../css/MediaQuery.css" media="only screen and(max-width:480px)"/>
<style>
@media only screen and (min-width:480px ) {
body{background: blue;}
}
</style>
</head>
<body>
</body>
body{
background: red;
}
12行的margin-bottom值和14行的margin-top值谁大谁起作用,可以改大改小分别试试,看看效果亲~答案是没有问题的哦~您可能对if...elseif...else的逻辑运算没有看清楚哦~可以仔细阅读一下我们知识内容部分的讲解哦~
在link标签中media="only screen and(max-width:480px)"里面的 and和(max-width:480px)直接要有空格
media="only screen and (max-width:480px)"
body{
background: red;
} 这句话要放在@media前面,你放的那个位置是没有作用的