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用来定某种特定的媒体类型

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