如何在iOS和Android上正確使用-webkit-device-pixel-ratio？

Question

-webkit-device-pixel-ratio查詢得到iOS和Android的支持，但由於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 */ { 
... 
} 

從這篇大文章我讀順帶今天 http://www.w3.org/blog/CSS/2012/06/14/unprefix-webkit-device-pixel-ratio/