媒體類型
all 所有設備
screen 電腦顯示器
handheld 便攜設備
tv 電視類型設備
print 打印用紙打印預覽視圖

關(guān)鍵字
and
not(排除某種設備)
only(限定某種設備)

媒體特性
媒體特性共13種，可以說是一個類似CSS屬性的集合。其中的大部分接受 min/max 的前綴，用來表示 大于等于/小于等于 的邏輯。
 
and
示例如下所示：
@media screen and (min-width: 800px) {樣式代碼} >800
@media screen and (min-width: 600px) and (max-width: 800px) {樣式代碼} 600
@media screen and (max-width: 600px) {樣式代碼} <600

外部樣式表引用方式：
上面將設備分成3種，分別是寬度大于800px時，應用styleA，寬度在600px到800px之間時應用styleB，以及寬度小于600px時應用styleC。

not 和all
@media not handheld and （color）{樣式代碼} //用于除便攜之外的其他設備或非彩色便攜設備中
@media all and （not color）{樣式代碼} //用于所有非彩色設備中

only
only 關(guān)鍵字可能顯得有些多余，對支持Media Queries的瀏覽器來說確實是這樣，但很多時候only是用來對那些不支持Media Queries但是卻讀取Media Type的設備隱藏樣式表的
@media only screen add （color）{樣式代碼}
支持Media Queries的設備，正確應用樣式，就仿佛only不存在
不支持Media Queries但正確讀取Media Type的設備，由于先讀取到only而不是screen，將忽略這個樣式
不支持Media Queries的IE不論是否有only，都忽略樣式

最新評論