Navegadores web como Internet Explorer, Chrome y Firefox soportan los atajos de teclado universal para hacer zoom dentro y fuera de las páginas Web y diseño HTML y CSS determina cómo se comporta una página cuando se escala por un usuario. Si usted quiere hacer su página Web más pequeña en todos los navegadores, puede usar los atributos width y height en el código de la plantilla, pero debes tener cuidado al especificar las dimensiones absolutas de un objeto porque su página es vista en una variedad de tamaños de pantalla. Una solución elegante en la mayoría de los casos es especificar el ancho de un objeto como un porcentaje de sus padres.

Instrucciones

1 Hacer una página Web que está viendo en el navegador más pequeño presionando "Ctrl-menos" para alejar. Como alternativa, establecer el zoom al 100% pulsando "Ctrl-0". Estos métodos abreviados son universales para la mayoría de los navegadores, como IE, Chrome y Firefox. Zoom de una página Web tiene el mismo efecto en los elementos HTML como escala de la ventana; su posición está determinada por la cantidad de espacio en la ventana. A escala de la ventana, haga clic en una esquina de la ventana, arrástrela hacia la esquina opuesta y luego suéltelo.

2 Control de la altura y la anchura de una página Web que está diseñando para intentar hacer su ' experimentan consistente. Comience abriendo el código de plantilla en un editor de texto. Plantillas de sitio web se dividen en bloques gráficos utilizando div o, posiblemente, elementos de la tabla, aunque las tablas no están diseñadas para este propósito. El bloque div ultraperiféricas puede tener bloques div de niño, o su página Web puede tener varios elementos de nivel superior div sin padres. Si un bloque div tiene hijos, su apertura "< div >" precede a ellos y a su clausura "< / div >" sigue.

3 Encontrar cada div los atributos height y width del elemento. Dependiendo del diseño de la plantilla, estos valores están codificados en CSS o HTML y el código de plantilla puede incluir archivos CSS y HTML por separado o combinarlos en un solo archivo HTML. Si tu pagina tiene archivos CSS y HTML por separado, tienen los mismos nombres de archivo, como index.css y index.html, por ejemplo. Puede buscar elementos div en la mayoría de editores de texto pulsando "Ctrl-F" para abrir el cuadro de buscar y luego busca "div"

4 Bajar altura o anchura de un elemento div sustituyendo su valor actual por uno más pequeño. Este paso puede tomar algunos experimentos, y puede ver los cambios con la apertura de su código de plantilla actualizada en un explorador Web. Para ello, haga clic derecho en el archivo HTML en el escritorio, elegir "abrir" y seleccione su navegador.

5 La escala de tu página Web para adaptarse automáticamente a la ventana del navegador. Busque el elemento de div ultraperiféricas clase CSS en el archivo HTML o en su hoja de estilos externa. Establecer sus atributos de máxima anchura y altura en los siguientes valores:

elemento de .outermost div {}anchura máxima: 100%;altura: auto;}

Si desea que el elemento para ocupar menos espacio, introduzca un porcentaje inferior de anchura máxima. Utilizando este código, la altura se ajusta automáticamente según la anchura, que es determinada por el tamaño de la ventana como se escala. El atributo width max ofrece una apariencia uniforme para la Página Web a través de todos los tamaños de pantalla.

Consejos y advertencias

• Los atributos width, anchura máxima y la altura determinan el tamaño de cualquier elemento HTML. Por ejemplo, para escalar automáticamente una imagen, agregue los siguientes atributos a su definición de CSS:
• IMG {}
• anchura máxima: 100%;
• altura: auto;
• anchura: auto/9;
• }
• El valor "auto/9" para el atributo width corrige un problema de escalado en versiones anteriores de IE.