CSS-MediaQuery

語法:
@media 設備類型 and (設備特性 = 樣式代碼)

例子:
@media screen and (max-width: 600px)

設備類型:
all - 所有設備
screen - 電腦顯示器
print - 打印機或打印預覽視圖
handheld - 便攜設備
tv - 電視機類型設備
speech - 語音和音頻合成器
braille - 盲人用點字法觸覺回饋設備
embossed - 盲文打印機
projection - 各種投影設備
tty - 固定密度字母柵格的媒介,比如電傳打印機和終端

設備特性:
width - 窗口寬度
height - 窗口高度
device-width - 設備屏幕分辨率的寬度
device-height - 設備屏幕分辨率的高度
orientation - 瀏覽器窗口是縱向還是橫向(portrait | landscape)
aspect-ratio - 瀏覽器窗口寬度/高度
device-aspect-ratio - 設備分辨率寬度/設備分辨率高度
color - 設備使用多少位的顏色值(如果不是彩色設備則爲0)
color-index - 色彩表中的色彩數
monochrome - 單色幀緩衝器中每像素的字節數
resolution - 設備的分辨率(300dpi)
scan - 電視機類別設備的掃描方式(progressive | interlace)
grid - 設備是基於柵格還是基於位圖(0 - 位圖 | 1 - 柵格)

發佈了43 篇原創文章 · 獲贊 1 · 訪問量 1萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章