media（適配）

標籤：

媒體類型
    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用來定某種特定的媒體類型
         -很多時候是用來對那些不支援媒體特性但卻支援媒體類型的裝置

 

[email protected] all and (min-width: 600px)02.{03.    .box04.    {05.        width:100px;06.    }07.}

 

media（適配）