• 纪检组长拒捕涉腐老板“自证龌龊” 2019-09-26
  • 女排被忽视之人突然涨球带惊喜 她就是郎平苦寻之人 2019-09-10
  • 报道新闻记录历史 70载人民日报见证中国发展大事 2019-09-10
  • 中欧班列让开放之路越走越宽 2019-09-03
  • “最美水鸟”紫水鸡现身异龙湖湿地 春城壹网 七彩云南 一网天下 2019-09-03
  • 马克思主义哲学是帮助我们看清世界的一双“慧眼” 2019-08-25
  • 2017年山西省“十强报刊”巡礼 2019-08-25
  • 外汇局:取消QFII资金汇出20%比例要求 2019-08-22
  • 李希:推动基层党组织建设全面进步 2019-08-21
  • 山西省委召开常委会议 骆惠宁主持 2019-08-13
  • 山东体彩11选5最新开奖
    5x8小时服务热线:131 4102 7650(同微信)
    您当前的位置:山东体彩11选5最新开奖 > 网站常识 - 网站建设

    媒体查询可以检测设备的哪些特性?

    来源:北京建站公司 标签:媒体查询css3
    分享到:
    创建媒体查询时,最常用的是设备的视口宽度(width)和屏幕宽度(device-width)。
    下面是媒体查询可以检测的所有特性:

    width:视口宽度
    height:视口高度
    device-width:设备屏幕的宽度(渲染表面的宽度)
    device-height:设备屏幕的高度(渲染表面的高度)
    orientation:设备处于横向(lateral)还是纵向(portrait)
    aspect-ratio:基于视口宽度和高度的宽高比。比如 16/9 代表是16:9比例的显示屏
    device-aspect-ratio:基于设备渲染平面宽度和高度的宽高比
    color:每种颜色的位数。比如16 会检测设备是否拥有16位颜色
    color-index:设备的颜色索引表中的颜色数。必须是非负整数。
    monochrome:检测单色帧缓冲区中每像素所使用的位数。必须是非负整数,如2
    resolution:检测屏幕或打印机的分辨率,如min-resolution:300dpi,还可以接受每厘米像素点数的度量值,min-resolution:118dpcm
    scan:电视机的扫描方式,值可以设为progressive(逐行扫描)或interlace(隔行扫描)。如720pHD电视(720p的p即表明是逐行扫描)匹配scan:progressive,而1080iHD电视(1080i中的i表明是隔行扫描)匹配scan:interlace
    grid:用来检测输出设备是网格设备还是位图设备

    在上面所有的特性中,除了scan和grid外,都可使用min和max前缀来创建一个查询范围。如:
    @media screen and (min-width:200px) and (max-width:360px){
    ...
    }

    以上就是所描述的媒体查询所有的特性,不过最常见最常用的就是使用width和device-width属性,其他很少去检测。如果有你想用的特性,不妨去试试看看效果吧!
    备注:本篇文章由加网编辑原创内容,转载请注明出处:转自山东体彩11选5最新开奖

    相关网站常识

    更多
  • 纪检组长拒捕涉腐老板“自证龌龊” 2019-09-26
  • 女排被忽视之人突然涨球带惊喜 她就是郎平苦寻之人 2019-09-10
  • 报道新闻记录历史 70载人民日报见证中国发展大事 2019-09-10
  • 中欧班列让开放之路越走越宽 2019-09-03
  • “最美水鸟”紫水鸡现身异龙湖湿地 春城壹网 七彩云南 一网天下 2019-09-03
  • 马克思主义哲学是帮助我们看清世界的一双“慧眼” 2019-08-25
  • 2017年山西省“十强报刊”巡礼 2019-08-25
  • 外汇局:取消QFII资金汇出20%比例要求 2019-08-22
  • 李希:推动基层党组织建设全面进步 2019-08-21
  • 山西省委召开常委会议 骆惠宁主持 2019-08-13
  • 时时彩计划软件排行 3和值计划 黑龙省体彩6十1走势图 幸运快3一分钟一期网站 排列5专家杀号必赢网 澳洲幸运8开奖是什么时候 热购彩票APP下载苹果版 生肖时时彩官网 双色球走势规律 真钱梭哈 必中彩票大小单双技巧 大发快三计划软件 天津时时是官方开奖结果 大红鹰水心高手坛一尾中特平 北京单场官网开奖