Как правильно использовать соотношение -webkit-device-pixel-ratio на iOS и Android?

-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 он будет слишком большим.

Есть ли способ эмулировать target-densitydpi=device-dpi на iOS без JavaScript или отключить -webkit-device-pixel-ratio на iOS и оставить своих пользователей с размытыми изображениями в качестве резервной копии?

Solutions Collecting From Web of "Как правильно использовать соотношение -webkit-device-pixel-ratio на iOS и Android?"

 @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/