2011-11-01 7 views
7

Tengo un contenido que necesita varios estilos en función de la relación de aspecto (básicamente está dirigido a una plataforma pero como "bueno") quiero hacer que el contenido al menos parezca correcto en otras plataformas). Estoy encontrando que el Droid 2 (Android 2.2 de valores) no está respondiendo a cualquiera de estas preguntas:dispositivo-relación-aspecto (consulta de medios) no funciona para Droid 2

only all and (device-aspect-ratio: 854/480) 
only all and (device-aspect-ratio: 480/854) 
only all and (aspect-ratio: 854/480) 
only all and (aspect-ratio: 480/854) 

¿Tiene el teléfono o el sistema operativo no apoyan la consulta de relación de aspecto? ¿El Droid 2 está lleno de tristeza? Las pruebas de relación de aspecto funcionan perfectamente para iPhone 3GS/4/4S y iPad hasta ahora para mí. Alternativamente, ¿qué podría sugerir alguien para manejar las resoluciones de Droid 2/Nexus después de mis pruebas de relación de aspecto de iOS si no son compatibles con la relación de aspecto del dispositivo?

Estoy tratando de evitar el uso del ancho máximo porque algunos dispositivos Android en el paisaje son más anchos que un iPad en el retrato y estaba recibiendo colisiones donde un dispositivo se identificaría incorrectamente como un iPad basado en un ancho determinado. Cualquier idea sería apreciada.

Respuesta

0

¿Qué tal si usamos max-device-width y seleccionamos la pantalla de 240dpi del Droid 2 con resolution:240dpi o -webkit-device-pixel-ratio:1.5? Lamentablemente, no tengo un dispositivo Android para probar esto, por lo que no puedo hablar con autoridad sobre él.

Refs:

http://www.fiveminutes.eu/targeting-hight-screen-densities-with-css-media-queries/

http://designbycode.tumblr.com/post/1127120282/pixel-perfect-android-web-ui

http://developer.motorola.com/products/droid2/

+0

Esa es sin duda una opción, pero conocer una relación de aspecto permite la escalabilidad variable de la ventana gráfica por grupos de dispositivos que pueden no compartir la misma resolución pero tienen la misma relación de aspecto. De todos modos, me gustaría saber si la relación de aspecto simplemente no es compatible con Android o no se admite adecuadamente en versiones específicas, etc. – Aaron

1

que tenían el mismo problema hace mismas horas. Lo resolví mediante una resolución de css dinámica basada en la resolución de ancho de js/php. En pocas palabras, con la resolución de ancho tomada, la secuencia de comandos cambió el tamaño de todos los elementos por el% basado en el tamaño original-> tamaño objetivo. Para IE mismo problema resuelto por el filtro ms. trabajado por todos los dispositivos ya que la hoja de estilo se calculó dinámicamente.

+0

No es una mala solución +1 – Aaron

Cuestiones relacionadas