<resolution>

语法

<resolution> 数据类型由一个严格正的<number> 后跟下列单位之一组成。与所有 CSS 尺寸一样，单位文字和数字之间没有空格。

单位

dpi

表示每英寸点数。屏幕通常包含每英寸 72 或 96 个点，但打印文档的 dpi 通常要大得多。由于 1 英寸是 2.54 厘米，因此 1dpi ≈ 0.39dpcm。

dpcm

表示每厘米点数。由于 1 英寸是 2.54 厘米，因此 1dpcm ≈ 2.54dpi。

dppx

表示每 px 单位的点数。由于 CSS in 与 CSS px 之间存在 1:96 的固定比例，1dppx 等同于 96dpi，这与 image-resolution 定义的 CSS 中显示图像的默认分辨率相对应。

x

dppx 的别名。

示例

在媒体查询中使用

@media print and (resolution >= 300dpi) {
  /* … */
}

@media (resolution: 120dpcm) {
  /* … */
}

@media (resolution >= 2dppx) {
  /* … */
}

@media (resolution: 1x) {
  /* … */
}

有效分辨率

96dpi
50.82dpcm
3dppx

无效分辨率

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.

规范

浏览器兼容性

另见

• resolution 媒体特性
• image-resolution 属性
• 使用 @media 查询