• 首页
  • css3教程
  • html5教程
  • jQuery手册
  • php7教程
  • MySQL手册
  • apache手册
  • <resolution>

    版本: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) { ... }
    

    上篇:<frequency>

    下篇:dppx