@media screen and (min-width: 1200px) {
body {
background: blue
}
}
例子是1200像素显示body为蓝色，background的值是可以为图片的。
想要有多个媒体查询，需要一个个的写上去，设置好不同的分辨率。
你好，如果只考虑高级浏览器，这个需求很好做，一句简单的css代码就可以搞定了：html,body {width: 100%height: 100%}body {background-image: url(images/bg.png)background-size: cover}其中background-size的取值：cover：保证背景不变形填满窗口，超出部分被裁剪contain：保证整张背景图片在body内部，不足区域留白二者都能保证背景随窗口大小变化而自适应。另，如果是要考虑到低级浏览器，这个稍微麻烦点，不过可以给你提供解决方案设置一个背景img标签，fixed定位，填满整个窗口window.onresize的时候，动态计算img标签的尺寸，同时改变定位位置希望能解决你的问题，如有疑问欢迎追问，望采纳~
