<分辨率> | <resolution>

<resolution>

<resolution>CSS数据类型，用于媒体查询，表示输出设备的像素密度，即其分辨率。

在屏幕上，长度指的是CSS 长度，单位为英寸、厘米或像素，而不是物理值。

语法

该<resolution>数据类型由严格的正数<number>和下面列出的一个单元组成。(dpi, dpcm, ...). 与所有CSS维度一样，单位文字和数字之间没有空格。

虽然这个数字0总是相同的单位，但单位不得省略。换句话说，0无效且不表示0dpi，0dpcm，或0dppx...

单位

dpi表示每英寸点 屏幕通常包含72或96 dpi，但打印的文档通常有更大的dpi。因为1英寸等于2.54厘米，1dpi ≈ 0.39dpcm

实例

有效实例

96dpi
50dpcm
3dppx

@media print and (min-resolution: 300dpi) { ... }    Correct use in a media query

无效示例

72 dpi     Spaces are not allowed between the number and the unit.
ten dpi    The number must use digits only.
0          The unit is required.

规范

浏览器兼容性