Как правильно использовать соотношение -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 и оставить своих пользователей с размытыми изображениями в качестве резервной копии?

Ответ 1