文章目录[隐藏]
让页面适应不同大小的屏幕
@media screen来判断一下屏幕的大小如：
@media screen and (min-width:420px){#div1{width:*像素}}
当浏览器的宽度大于420px的时候执行div1宽是多少，需要其他样式换成其他css样式就可以了；
@media screen and (max-width:1300px){#div1{width:*像素}}
当浏览器宽度小于1300px时执行div1宽是多少，需要其他样式换成其他css样式就可以了
也可以写为：
@media(min-width:420px){#div1{width:*像素}}
当浏览器的宽度大于420px的时候执行div1宽是多少；
@media(max-width:1300px){#div1{width:*像素}}
当浏览器宽度小于1300px时执行div1宽是多少
然后页面就会根据不同页面来应用不同的css样式。
