2010-04-20 12 views
14

Estoy tratando de crear un sitio web móvil para Android. Cuando establezco el ancho del cuerpo a 480px (el ancho de la pantalla), el resultado es aproximadamente un 50% más grande de lo que esperaba. Parece que Android está escalando lo que dibuja y arruinando todos mis diseños. ¿Alguien sabe cómo desactivar esto o solucionarlo?Escalado de navegador de Android?

ya estoy usando esto:

<meta name="viewport" content="width=device-width, height=device-height, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" /> 

Respuesta

16

Te estás perdiendo la nueva y secreta propiedad de ventana gráfica solo en Android "target-densityDpi" que puedes usar para configurar el escalado del navegador. Vea la pregunta vinculada para más detalles.

+0

Impresionante. Gracias. – Joren

+1

target-densitydpi se está depreciando y ya no funciona en Chrome para Android. Discusión aquí: http://stackoverflow.com/questions/11592015/support-for-target-densitydpi-is-removed-from-webkit –

2

un dispositivo con Android no necesariamente tiene un ancho de pantalla de 480 píxeles. No establezca un ancho fijo en absoluto.

+0

Lo estoy probando en mi droid, que lo hace, y lo reporta como 320 si señalo el ancho del documento, sin importar a qué ajuste el ancho de la ventana gráfica. – Joren

Cuestiones relacionadas