也可以在link標簽里面使用media屬性，即下面的寫法：

Min Width

跟Max Width相反，是最小寬度，例如當寬度大于900px的時候才運行下面的代碼

@media screen and (min-width: 900px) {
.class {
background: #666;
}
}

也可以在link標簽里面使用media屬性，即下面的寫法：

Max和Min組合使用

例如下面的代碼是當屏幕的寬度在600px~900px之間才有效的：

Device Width

這里的意思指的是設(shè)備的最大寬度，就是屏幕的寬度，像素，例如下面的代碼:

知道這些有啥用？

我們了解了CSS3的Media Queries的使用方法，就可以簡單的使用CSS來控制不同的瀏覽器甚至不同的設(shè)備（例如iPhone，iPad等）使用不同的CSS文件，或者不同的css代碼。

在IE中使用CSS3的Media Queries

在IE家族中CSS3的Media Queries只用在IE8+的瀏覽器才得到支持，而中國國內(nèi)份額最大的IE6、IE7是不支持的，不過我們可以通過下面推薦的三篇教程方法來解決這個問題。

1. CSS Tricks – using jQuery to detect browser size
2. The Man in Blue – using Javascript
3. jQuery的 Media Queries 插件

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學(xué)習(xí)有所幫助,可以手機掃描二維碼進行捐贈