<frequency>

版本: CSS3

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

浏览器支持

IE浏览器 火狐浏览器 opera浏览器 chrome浏览器 safari浏览器
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) { ... }

下篇: <resolution>