根据不同的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;

}

}