也许使用 device-pixel-ratio 设置正确的值可以帮助你。
对于视网膜显示器,设备像素比 = 2,其他显示器为 1.5。
在 css 中将此比率与媒体查询一起使用:
@media only screen and (-webkit-device-pixel-ratio: 2.0), only screen and (device-pixel-ratio: 2.0) {
/* your css */
}
在 JavaScript 中:
var ratio = window.devicePixelRatio;