媒体查询简单应用——网页字体自适应窗口大小

什么是媒体查询？

答：媒体查询是向不同设备（手机，平板，电脑）提供不同样式的一种不错方式，它为每种类型的用户提供了最佳的体验。

举一个简单的例子：网页的字体大小随窗口的大小而改变

@media screen and(min-width:900px) //窗口宽度大于900px{body{font-size:25px;}}@media screen and(min-width:500px)and(max-width:900px) //窗口宽度大于500px小于900px{body{font-size:20px;}}@media screen and(max-width:500px) //窗口宽度小于500px{body{font-size:15px;}}