<resolution>

版本：CSS3

分辨率：用于描述媒体查询中的分辨率的<resolution> CSS数据类型表示输出设备的像素密度。在屏幕上，单位与CSS英寸，厘米或像素有关，而与物理值无关。

浏览器支持

IE9以上版本的浏览器都支持<resolution>数据类型

语法

<resolution>数据类型由严格为正<number>组成，后跟下面列出的单位之一。与所有CSS维度一样，单位字面值与数字之间没有空格。

单位

• dpi：表示每英寸的点数。屏幕通常每英寸包含72或96个点，但打印文档的dpi通常要大得多。 1英寸是2.54厘米，1dpi≈0.39dpcm。
• dpcm：每厘米上的点数。1英寸是2.54厘米, 1dpcm ≈ 2.54dpi.
• dppx：表示每个px的点数。由于CSS px的固定比率为1:96，因此1dppx相当于96dpi。它对应于由图像分辨率定义的CSS中显示的图像的默认分辨率。
• x：dppx 的别名
• 注：尽管数字0总是相同的，不管单位是什么，单位不能省略。换句话说，0无效，不代表0dpi、0dpcm或0dppx。

实例

96dpi
50.82dpcm
3dppx

@media print and (min-resolution: 300dpi) { ... }