根据不同的dpi 媒体查询

/* 默认样式 */
.element {
width: 100px;
height: 100px;
background-color: blue;
}

/* 当设备像素比为1.5时，调整.element的宽度 */
@media screen and (resolution: 144dpi) {
.element {
width: 150px;
}
}

/* 当设备像素比为1.0时，调整.element的宽度 */
@media screen and (resolution: 96dpi) {
.element {
width: 100px;
}
}

/* 当设备像素比为1.25时，调整.element的宽度 */
@media screen and (resolution: 120dpi) {
.element {
width: 125px;
}
}