Question

iOS和Android都支持

-webkit-device-pixel-ratio查询，但由于iOS不支持target-densitydpi=device-dpi，因此会导致不同的结果。例如：

@media screen and (-webkit-device-pixel-ratio: 2) {
    body { font-size: 2em; }
}

将使Galaxy Nexus上的字体看起来很好，但在iPhone 4上它会太大了。

有没有办法在没有JavaScript的情况下模拟iOS上的target-densitydpi=device-dpi，或者在iOS上禁用-webkit-device-pixel-ratio并将其模糊图像留给用户作为后备广告？

Answer 1

@media (-webkit-min-device-pixel-ratio: 2), /* Retina on Webkit */
       (min-resolution: 192dpi)             /* Everyone else */ {
...
}