web移动端开发(3)-媒体查询

媒体类型

1.all 所有媒体

2.braille 盲文触觉设备

3.embossed 盲文打印机

4.print 手持设备

5.projection 打印预览

6.screen 彩屏设备

7.speech '听觉'类似的媒体类型

8.tty 不适用像素的设备

9.tv 电视

媒体特性

1.(max-width:599px)

2.(min-width:600px)

3.(orientation:portrait) 竖屏

4.(orientation:landscape) 横屏

5.(-webkit-min-device-pixel-ratio: 2) 像素比

关键字

1.and

2.not not关键字是用来排除某种制定的媒体类型

3.only only用来定某种特定的媒体类型

-很多时候是用来对那些不支持媒体特性但却支持媒体类型的设备