css 设置dpi

CSS是一种用来控制网页样式的语言，它可以使网页看起来更美观、更易读。除了颜色、字体、布局等方面，CSS还有一个很重要的作用：设置dpi（dots per inch），也就是每英寸小点的数目。设置dpi可以影响网页的显示效果，使得网页的图像更加清晰，字体更加锐利。

CSS中设置dpi可以通过使用@media规则来实现。这个规则用于指定样式应该应用于哪种媒体类型（如屏幕、打印机等），以及哪些属性应该应用于哪个屏幕分辨率。

@media screen and (min-resolution: 192dpi) {
    body {
        font-size: 16px;
    }
}

上面的代码中，@media规则用于屏幕媒体类型，同时设置了最小分辨率为192dpi。当屏幕的分辨率达到或超过这个值时，样式表中的body元素将会应用16像素的字体大小。

需要注意的是，设置dpi并不是一项强制性要求，不同的屏幕可能需要不同的dpi值。同时，使得网页看起来更加清晰并不是唯一的目的，更重要的是要让网页的内容和布局对于不同的分辨率和屏幕都能够适应和正确显示。