-
Cómo mantener a una altura proporcional a la anchura de CSS
-
Puede utilizar hojas de estilo en cascada (CSS) para dar formato a las dimensiones de su página Web, contenedores y elementos. Manteniendo las dimensiones proporcionales requiere el mismo ajuste para la altura y la anchura de las áreas específicas que estés de formato. Su altura y la anchura tendrán que ser lo suficientemente grande como para cualquier gráfico dentro de la página, para que puedan visualizar correctamente. Ajuste de iguales dimensiones es especialmente útil si va a crear un contenedor o caja cuadrada para su página Web.
Instrucciones
1 Iniciar un editor de texto, como el Bloc de notas, TextPad o EditPad. Seleccione "Archivo" y "Abrir" en el menú y haga doble clic en el archivo HTML que desea modificar.
2 Agregue el siguiente código entre las etiquetas <head> para crear un estilo con una altura y anchura de 400 píxeles proporcional:
<Style type = "text / css">
<! -
#envase {
altura: 400px;
Anchura: 400px;
}
->
</ Style>3 Reemplazar "400px;" con las dimensiones que desea establecer para la altura y la anchura.
4 Agregue el siguiente código entre las etiquetas <body> para aplicar el estilo:
<Div id = "contenedor"> texto y / o gráficos que desea incluir ir aquí. </ Div>
