欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

CSS3媒體查詢(Media Queries)介紹

  發(fā)布時(shí)間:2013-09-12 15:28:50   作者:佚名   我要評(píng)論
媒體類型:all 所有設(shè)備、screen 電腦顯示器等等;媒體特性共13種,可以說是一個(gè)類似CSS屬性的集合,感興趣的朋友可以了解下本文,希望對(duì)大家有所幫助
媒體類型
all 所有設(shè)備
screen 電腦顯示器
handheld 便攜設(shè)備
tv 電視類型設(shè)備
print 打印用紙打印預(yù)覽視圖

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

媒體特性
媒體特性共13種,可以說是一個(gè)類似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

外部樣式表引用方式:
上面將設(shè)備分成3種,分別是寬度大于800px時(shí),應(yīng)用styleA,寬度在600px到800px之間時(shí)應(yīng)用styleB,以及寬度小于600px時(shí)應(yīng)用styleC。

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

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

相關(guān)文章

最新評(píng)論