javascript - tag - ¿Qué es una ventana gráfica en HTML?
title html w3schools (5)
¿Qué es una ventana gráfica en HTML? ¿Podría dar algunos ejemplos sobre cómo acceder a los detalles de la ventana gráfica?
Creo que ViewPort es solo un área para mostrar el contenido web en el navegador. Y diferentes navegadores tienen su propia configuración para el tamaño de ViewPort , por ejemplo, el ancho predeterminado de ViewPort de Safari es de 980 píxeles. Por lo tanto, si la página web real que desea ver tiene menos de 980 píxeles, debe haber un área de visualización en blanco en Safari al acceder a la página web en Safari de forma predeterminada. Por lo tanto, esa es la razón por la que a veces necesitamos configurar ViewPort para una mejor visualización del contenido web en el navegador.
Como abajo, por ejemplo:
<meta name="viewport" content="width=device-width">
Y también lea la respuesta de Paul . Creo que ya explicó el uso de ViewPort .
La ventana gráfica es el área visible del usuario de una página web.
La ventana gráfica varía de un dispositivo a otro, un teléfono móvil tendrá una ventana gráfica más pequeña que una pantalla de computadora.
Antes de que las tabletas y los teléfonos celulares no estuvieran en el mercado, las páginas web estaban diseñadas solo para pantallas de computadora, y era común que las páginas web tuvieran un diseño estático y un tamaño fijo.
Luego, cuando las personas comenzaron a navegar en Internet usando tabletas y teléfonos móviles, las páginas web de tamaño fijo eran demasiado grandes para ajustarse a la ventana gráfica. Para solucionar este problema, Mobile Safari introdujo la "metaetiqueta de la ventana gráfica" ( documentación de safari ) para permitir que los desarrolladores web controlen el tamaño y la escala de la ventana gráfica. Muchos otros navegadores móviles ahora admiten esta etiqueta, aunque no forma parte de ningún estándar web.
<meta name="viewport" content="width=device-width,initial-scale=1">
Esto le indicará al navegador que ajuste el ancho del contenido al ancho del dispositivo y escalar ese contenido a 1 en carga.
Obtenga más información sobre el formulario de vista aquí: http://fend-tricks.com/responsive-web-design-with-viewport/
La ventana gráfica es el área visual de su página web en un navegador. Al usar la <meta name="viewport" puede configurar cómo se procesará el contenido de su sitio en diferentes dispositivos. Personalmente me gusta usar: <meta name="viewport" content="width=device-width, initial-scale=1.0>
La ventana gráfica es la parte de la página web que el usuario puede ver actualmente. Las barras de desplazamiento mueven la ventana gráfica para mostrar otras partes de la página.
if (typeof window.innerWidth != ''undefined'')
{
viewportwidth = window.innerWidth,
viewportheight = window.innerHeight
}
La ventana gráfica es un área virtual utilizada por el motor de representación del navegador para determinar cómo se escala y dimensiona el contenido cuando se representa inicialmente en la pantalla actual. Esto te ayudara:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />