11.4.2 针对浏览器宽度调整布局
下面定义CSS实现页面在浏览器中显示默认样式、页面宽度大于1000px的浏览器
中显示的样式，在页面宽度小于480px的浏览器中显示的样式。
代码示范：
//设置默的样式
xxdefaultCSS{
默认页面打开的xx元素样式。。。
}
//设置当浏览器宽度大于1000px时的CSS样式
@media screen and(min-width:1000px){
Xx元素1{
页面宽度大于1000px的xx元素1样式。。。
}
Xx元素2{
页面宽度大于1000px的xx元素2的样式。。。
}
}
//设置当浏览器宽度小于480px时的CSS样式
@media screen and(max-width:480px){
Xx元素1{
页面宽度小于480px的xx元素1样式。。。
}
Xx元素2{
页面宽度小于480px的xx元素2样式。。。
}
}
7月22号=》256页-260页,布布扣,bubuko.com
原文：http://www.cnblogs.com/duzuoyan/p/3861525.html