码迷,mamicode.com
首页 > 其他好文 > 详细

media(适配)

时间:2015-11-12 23:22:36      阅读:295      评论:0      收藏:0      [点我收藏+]

标签:

媒体类型
    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用来定某种特定的媒体类型
         -很多时候是用来对那些不支持媒体特性但却支持媒体类型的设备

 
01.@media all and (min-width: 600px)

02.{

03.    .box

04.    {

05.        width:100px;

06.    }

07.}

 

media(适配)

标签:

原文地址:http://www.cnblogs.com/shytong/p/4960410.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!