响应式媒体查询能检测那些特性

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

 在上述所有特性中,除 scan和 grid之外,都可使用 min 和 max前缀来创建一个查询范围。

最常用的是视口宽度( width )和屏幕宽度( device-width )。

原文地址:https://www.cnblogs.com/5811yc/p/6263982.html