在css2中允許我們使用media的屬性，例如使用screen和print，我也寫過一篇關(guān)于使用CSS media的print來定義打印網(wǎng)頁的樣式的文章，關(guān)于css2中的media文章，推薦下w3c的。今天來說說CSS3的Media Queries。CSS3中不僅僅可以使用screen和print，而且支持多媒體多分辨率的樣式表。
我們先來看下CSS3 Media Queries的演示實(shí)例：css3media.html，來自于（Web Designer Wall）
故名思意，就是最大寬度的意思，例如下面的代碼是在寬度小于600px的時(shí)候才執(zhí)行的。
也可以在link標(biāo)簽里面使用media屬性，即下面的寫法：
跟Max Width相反，是最小寬度，例如當(dāng)寬度大于900px的時(shí)候才運(yùn)行下面的代碼
@media screen and (min-width: 900px) {
.class {
background: #666;
}
}
也可以在link標(biāo)簽里面使用media屬性，即下面的寫法：
例如下面的代碼是當(dāng)屏幕的寬度在600px~900px之間才有效的：
這里的意思指的是設(shè)備的最大寬度，就是屏幕的寬度，像素，例如下面的代碼:
我們了解了CSS3的Media Queries的使用方法，就可以簡單的使用CSS來控制不同的瀏覽器甚至不同的設(shè)備（例如iPhone，iPad等）使用不同的CSS文件，或者不同的css代碼。
在IE家族中CSS3的Media Queries只用在IE8+的瀏覽器才得到支持，而中國國內(nèi)份額最大的IE6、IE7是不支持的，不過我們可以通過下面推薦的三篇教程方法來解決這個(gè)問題。
程序員人生，我編程，我富裕，記住wfuyu網(wǎng)，php教程，php學(xué)習(xí)，php手冊，CMS模版制作
聲明：本站大部分內(nèi)容是作者原創(chuàng)，少部分收集于互聯(lián)網(wǎng)供大家一起學(xué)習(xí)，原版權(quán)很多不明，如有侵權(quán)請聯(lián)系本站，謝謝！
粵ICP備14040726號-1?? 2015-2020 程序員人生 版權(quán)所有
