@media screen and (max-width:1000px){
body{
width:1000px
height:760px
}
@import url(index.css)//调用原有的css，实现自适应宽度
}
在html中调用两个css文件即可。
2.让页面不会随着屏幕变大变形的方法，在div中设置另一个div，layout，将内容放在其中，设置固定宽度，设置margin:0 auto. ----京东导航条
通过css3的媒体查询功能。不同的分辨率之下赋予标签不同的背景图片，可以实现上述功能。@media screen and (min-width: 1200px) {
body {
background: blue
}
}
例子是1200像素显示body为蓝色，background的值是可以为图片的。
想要有多个媒体查询，需要一个个的写上去，设置好不同的分辨率。
