为什么我写的代码，窗口缩小后，图片没有变化
<!DOCTYPE HTML><html>
<head>
<title>first website</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta name="keywords" content="webdevo,html5,css3">
<meta name="author" content="chenqi">
<style>
body{
background-image:url("bg2.jpg")
}
h1 {
color :black;
}
p {
color :blue;
}
</style>
<style media="screen and (min-width:202px) and (max-width:404px)">
body{
backgroud-image:url("bg.png")
}
</style>
</head>
<body>
<h1> first </h1>
<p>this is my first website</p>
</body>
</html> 1、鱼油通过：
<style media="screen and (min-width:202px) and (max-width:404px)"></style>
目标实现自适应，但是background拼写错了哦：
哇！太感谢了！！！
页:
[1]