css分辨率dpi怎么设置

CSS分辨率是指网页的显示效果，而DPI（每英寸点数）是指显示设备上每英寸显示的像素数，两者有密切关系。在设置CSS分辨率时，需要考虑显示设备的DPI数值，下面是设置CSS分辨率DPI的方法：

@media screen and (min-resolution: 72dpi) {
  /* 根据dpi大于72的设备设置CSS样式 */
}

@media screen and (min-resolution: 96dpi) {
  /* 根据dpi大于96的设备设置CSS样式 */
}

@media screen and (min-resolution: 192dpi) {
  /* 根据dpi大于192的设备设置CSS样式 */
}

在上述代码中使用了媒体查询，通过设定min-resolution属性进行DPI筛选，然后在不同DPI的设备上应用不同的CSS样式。

需要注意的是，目前一般的显示设备DPI数值已经达到300dpi以上，因此设置DPI时也需要考虑到这个范围以外的设备。

除了上述方法，还可以使用CSS3的scale属性控制缩放比例，来达到适配不同DPI设备的效果。如下代码：

@media screen and (-webkit-min-device-pixel-ratio: 2),screen and (min-device-pixel-ratio: 2) {
    html {
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
    }
}

上述代码中使用了min-device-pixel-ratio属性进行设备筛选，然后再通过transform属性控制缩放比例，达到适配不同DPI设备的效果。

无论采用哪种方法，都需要根据实际情况进行设置，以达到最佳的显示效果。