¿Cuál es la diferencia entre la ventana gráfica visual y la ventana gráfica de presentación para un dispositivo móvil como iPhone/iPad?¿Diferencia entre la ventana gráfica visual y la ventana gráfica de diseño?
He pasado por muchos recursos en línea, pero todavía no estoy seguro al respecto.
La ventana gráfica visual es la parte de la página que se muestra actualmente en la pantalla.
La ventana gráfica de presentación puede ser considerablemente más ancha que la ventana gráfica visual, y contiene elementos que aparecen y no aparecen en la pantalla.
Imagine que la vista de diseño es una imagen grande que no cambia de tamaño o forma. Ahora imagina que tienes un marco más pequeño a través del cual miras la imagen grande. El marco pequeño está rodeado de material opaco que oscurece la vista de todo excepto una parte de la imagen grande. La parte de la imagen grande que puede ver a través del marco es la ventana gráfica visual. Puede alejarse de la imagen grande mientras sujeta su marco (alejar) para ver toda la imagen a la vez, o puede acercarse (acercar) para ver solo una parte. También puede cambiar la orientación del marco, pero el tamaño y la forma de la imagen grande (vista de diseño) nunca cambia.
Para un gran tratamiento del tema, ver: http://www.quirksmode.org/mobile/viewports2.html
una muy buena explicación de los dos se encuentra here.
En resumen:
Visual ventana
El puerto de vista visual es la parte de la página que se muestra actualmente en la pantalla. El usuario puede desplazarse para cambiar la parte de la página que ve o hacer un zoom para cambiar el tamaño de la ventana gráfica.
ventana gráfica de
Sin embargo, el diseño CSS, especialmente anchos porcentuales, se calculan con relación a la ventana gráfica de presentación, que es considerablemente más ancha que la ventana gráfica visual.
Por lo tanto, el elemento toma el ancho de la ventana de presentación inicialmente, y su CSS se interpreta como si la pantalla fuera significativamente más ancha que la pantalla del teléfono. Esto asegura que el diseño de su sitio se comporte como lo hace en un navegador de escritorio.
¿Qué tan ancha es la ventana gráfica de presentación? Eso difiere por navegador. Safari iPhone usa 980px, Opera 850px, Android WebKit 800px e IE 974px.
En resumen, la ventana gráfica de presentación es generalmente el ancho de la ventana gráfica cuando la pantalla se amplía por completo.
Muchas gracias ... Ya he pasado por el enlace que me dieron y sin dudas, es una muy buena referencia ... Pero no entendí la parte en la que dicen que "... los navegadores han elegido sus dimensiones de la ventana gráfica de presentación de manera que cubra completamente la pantalla en modo totalmente alejada (y por lo tanto es igual a la ventana visual) .... ". Y "... El ancho de la ventana de presentación es siempre el mismo.Si gira el teléfono, la ventana gráfica visual cambia, pero el navegador se adapta a esta nueva orientación haciendo un pequeño acercamiento para que la ventana gráfica de diseño vuelva a ser tan ancha como la ventana visual. – testndtv
Imagine que la ventana gráfica de presentación es una imagen grande que no cambia de tamaño o forma. Ahora la imagen tiene un marco más pequeño a través del cual miras la imagen grande. El marco pequeño está rodeado de material opaco que oscurece la vista de todo excepto una parte de la imagen grande. La parte de la imagen grande que puede ver a través del marco es la ventana gráfica visual. Puede alejarse de la imagen grande mientras sujeta su marco (alejar) para ver toda la imagen a la vez, o puede acercarse (acercar) para ver solo una parte. (continuación) –
(cont.) También puede cambiar la orientación del marco, pero el tamaño y la forma de la imagen grande (vista de diseño) nunca cambia. –