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万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章