-
Cómo hacer que mi página web y satisfacer cualquier resolución
-
resolución de la pantalla molesta a muchos diseñadores de páginas web, ya que varía de un usuario a otro y de un equipo a otro. Hay dos maneras de lidiar con el problema de las resoluciones de pantalla y permiten a su página web para adaptarse a cualquier resolución. En primer lugar, el uso de Cascading Style Sheets o CSS, se puede ajustar el ancho de la página web para cambiar la resolución mediante el establecimiento de porcentajes para el ancho en el archivo CSS de su página Web.Instrucciones
1 Abrir archivo HTML y CSS de su página Web en un editor de texto.
2 Busque la etiqueta <body> en el archivo HTML. Esto denota el comienzo de la parte visible de la página web. Crear una etiqueta <div> debajo de la <body>.
3 Dar la etiqueta <div> una identificación. Por ejemplo: <div id = "página">.
4 Busque la etiqueta </ body> al final del documento HTML. Coloque la etiqueta de cierre DIV antes de </ body>. Así se vería como la siguiente:
</ Div>
</ Body>5 Guarde el archivo HTML.
6 Crear elementos CSS en el archivo CSS para la etiqueta del cuerpo y el ID de página. Establecer los márgenes y el relleno de la etiqueta del cuerpo a cero. Esto hará que el área visible cubre la ventana del navegador. Por ejemplo:
body {margin: 0; padding: 0;}} {#page7 Establecer el ancho de la página en el ID de página utilizando porcentajes. El porcentaje permitirá la página para cambiar a la resolución el usuario está viendo la página web. Por ejemplo:
página {width: 100%;}
8 Guarde el archivo CSS.Consejos y advertencias
- Otra opción es configurar el ancho de la página a la resolución más pequeña posible. Para la mayoría de los espectadores que esto sería 780 píxeles. Así que iba a cambiar el ancho de la #page a: Ancho: 780px;