¿Cómo obligar a una página web a ser siempre prestados con una relación de píxeles de 1,0 (no 1,5) en iPhones y Androids?

Por ejemplo, de forma predeterminada, los iPhones y Androids ampliará automáticamente la página para intentar que encaje perfectamente en el marco si no existe una metaetiqueta de vista. Los sitios web diseñados para los escritorios se alejarán para que encajen dentro de la pequeña ventana de visualización, pero obviamente los píxeles no se representan verdaderamente.

Entonces, ¿cómo puedo mostrar una página web de tamaño completo en un navegador móvil para que "300px" en realidad se representa con 300 píxeles reales en la pantalla del dispositivo móvil?

Sé sobre el método de meta viewport, pero de lo que he podido decir hasta ahora, la relación de píxeles utilizada en estos casos es de 1,5 o 1,0 cuando el zoom se establece en 100% y el ancho se establece en el device_width, y Puede detectar en qué proporción de píxeles el dispositivo móvil se está procesando. No parece ser capaz de encontrar alguna manera de obligar a los dispositivos explícitamente a utilizar sólo la relación de 1,0 píxeles y nunca la relación de 1,5 píxeles.

¿Cómo hago para que un dispositivo utilice una relación de píxeles de 1,0 para que 300 "píxeles", como se define en el CSS, en realidad hacer a través de 300 píxeles en la pantalla del dispositivo móvil? ¿Cómo se muestra una página web en su tamaño veraz real, no con una relación de píxeles de 1,5?

EDIT 6:50 pm 10/24/2011: He aquí un ejemplo de lo que NO quiero: Actualmente, si utiliza la metaetiqueta para establecer las propiedades de la ventana gráfica de un navegador móvil de esta manera:

<meta name="viewport" content="width=device_display, initial-scale=1.0" /> 

Entonces eso significa que el navegador móvil renderizará la página casi exactamente igual a como la página fue diseñada, excepto que cada "píxel" definido en el CSS realmente abarca 1,5 píxeles en la pantalla del dispositivo, por lo tanto, una relación de píxeles de 1,5. Esta convención de 1,5 píxeles de relación se estableció de modo que los diseños no parecen ser demasiado pequeños en los dispositivos de alta resolución.

Lo entiendo, pero no lo quiero en mi caso.

Quiero una relación de píxel forzada de 1,0 SIEMPRE y voy a manejar dispositivos de alta resolución a mi manera. ¿Cómo puedo forzar una relación de 1,0 píxeles en los navegadores móviles?

Aquí está la información que explica la metaetiqueta de la ventana gráfica y el problema de la relación de píxeles.

Además, este es un truco que te permite mostrar gráficos diferentes dependiendo de qué proporción de píxeles se detecta, que no es lo que quiero hacer, pero si no hay otra opción.

¿Cómo puedo forzar la relación de píxeles a un valor de 1.0?

EDIT 11/3/2011 8:56 pm: ¿Alguien?

No estoy seguro de cómo lo usaría, pero sé que las consultas de medios implementadas en Webkit como -webkit-device-pixel-ratio pueden indicarle qué proporción se está utilizando. Los prefijos min y max implementados por Gecko se denominan min--moz-device-pixel-ratio y max--moz-device-pixel-ratio ; Pero los mismos prefijos implementados por Webkit se denominan -webkit-min-device-pixel-ratio y -webkit-max-device-pixel-ratio
Tomado de: https://developer.mozilla.org/es/CSS/Media_queries/ .
Considere también este enlace: http://www.hanselman.com/blog/SupportingHighdpiPixeldenseRetinaDisplaysLikeIPhonesOrTheIPad3WithCSSOrIMG.aspx . Espero que ayude.

FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.