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. ----京东导航条