CSS 分辨率是数据类型之一。顾名思义，它用于指定分辨率，即输出设备上的像素密度。分辨率通常在编写媒体查询时使用。用户可以在编写媒体查询时使用带有 max 和 min 前缀的分辨率。
什么是媒体查询：媒体查询用于响应式 Web 开发，可用于根据输出设备的各种特性更改屏幕样式。它在 CSS3 中定义。
分辨率数据类型的特点：
- 它始终是一个正值。
- 它总是有一个单位：dpi、dpcm、dppx、x。
- 正值和单位之间不应有任何空格。
单位：有 3 个主要单位用于指定分辨率 –
- dpi：代表每英寸的点数。
- dpcm：代表每厘米的点数。
- dppx 或 x：每像素单位的点数。
分辨率示例：
Geeks For Geeks Example
输出：
如上例所示：
- min-resolution 设置为 10dpi，因此在分辨率大于 10dpi 的设备上颜色：白色样式将应用于
标签
- 最大分辨率设置为 500dpi，因此在分辨率低于 500dpi背景的设备上：绿色样式将应用于
标签