Ahora se muda a otra resolución, donde el ancho real y la altura de los elementos que contienen se han incrementado. ¿Qué pasará en esta nueva resolución es que el texto (con otros elementos en línea) en cada uno de estos elementos que contienen se ajustará para llenar el elemento, comenzando desde la parte superior. Así que para cada uno de estos dos elementos con el ancho y la altura definida en porcentaje, la parte inferior estará vacía, ya que cada uno se ha ampliado, pero la cantidad de texto en el interior no tiene changed.
Heights de contener ElementsBecause del problema anterior, se debe evitar dar alturas (valores) a que contienen elementos. Evite dar alturas de contener elementos ya sea en porcentajes o píxeles. Usted puede dar a que contiene elementos anchos en porcentaje, pero no alturas. Si usted no da que contiene elementos de alturas, el navegador siempre le dará la altura para la cual el texto (y otros elementos en línea) se ajuste en el elemento que contiene (sin espacios en la parte inferior). Imágenes resoluciones comunes hoy en día son, 800 X 600, 1024 x 768 y 1152 x 864.
Cuanto mayor sea la resolución, más grande es la pantalla de la computadora. Suponga que tiene una imagen, en la pantalla de resolución más pequeña, y que han dado las dimensiones de la imagen en porcentaje. También asumir que si tuviera que dar las dimensiones de imagen de píxeles, la imagen fija tendría el mismo tamaño real como lo había hecho con el porcentaje. Así que, ahora tiene una imagen con dimensiones en porcentaje y usted sabe las dimensiones equivalentes en píxeles. Cuando se muestra la página web con la imagen en una pantalla de mayor resolución, la imagen aparecerá más grande.
Sepan que en estas condiciones, en la resolución más alta se perderán los detalles de la imagen. Si usted hubiera dado las dimensiones de la imagen en píxeles, en la mayor resolución (con una pantalla más grande), el tamaño de la imagen no habría cambiado (significativamente) y los detalle