如何设置页面宽度自适应

1.设置当页面大于1000px时自适应页面显示，小于1000px时，固定宽度显示；

//设置小于1000px时，固定宽度显示
@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. ----京东导航条