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样式。。。

　　　　　　　　}

　　　　　　}