¿Cómo usar correctamente -webkit-device-pixel-ratio en iOS y Android?

-webkit-device-pixel-ratio es compatible tanto con iOS como con Android, pero dado que iOS no es compatible con target-densitydpi=device-dpi , conduce a resultados diferentes. Por ejemplo:

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

Hará que la fuente se vea bien en Galaxy Nexus, pero en el iPhone 4 será demasiado grande.

¿Hay una manera de emular target-densitydpi=device-dpi en iOS sin JavaScript o desactivar -webkit-device-pixel-ratio en iOS y dejar a sus usuarios con imágenes borrosas como un fallback?

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

De este gran artículo que de paso leí hoy: http://www.w3.org/blog/CSS/2012/06/14/unprefix-webkit-device-pixel-ratio/

  • ScrollLeft cálculo incorrecto en Firefox Android
  • Inicie el navegador predeterminado desde el navegador de portal cautivo de Android (CaptivePortalLogin)
  • Bootstrap navbar sensible a la lista desplegable no responde al tacto
  • Android - Crear WebService RESTful - Recibirlo en el móvil
  • Mejor solución de desarrollo móvil multiformato C ++?
  • Javascript android window.onorientationchange se dispara continuamente
  • Obtener la información de "mejor conjetura" de una imagen como la búsqueda de imagen inversa de google
  • Detectar la máxima resolución de vídeo compatible con un dispositivo móvil en un sitio web que responda
  • Los vínculos / iconos que se generan en codebehind no aparecen en ciertos dispositivos móviles
  • Mensaje de error: emulator-arm.exe ha dejado de funcionar
  • ¿Cómo usar el archivo xxxx.md5 o cómo quitar la extensión .md5?
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.