Ver una página web con diferentes resoluciones

Tamaño relativo de una página webSi queremos hacer una página web que se adapte a diferentes resoluciones tenemos que...

Para poder adaptar una página web y que se pueda ver a diferentes resoluciones tenemos que usar tamaños relativos, ésto se consigue por norma general definiendo un tamaño relativo a la etiqueta body, así la página se ajustará automáticamente al tamaño de la ventana o pantalla del usuario, usando CSS (que es lo más practico) el código sería:

body{width:100%;}

En el caso de usar porcentajes más pequeños, del 80% por ejemplo, tendremos que centrar el body para que no seo vea pegado a un lado, con:

margin:auto

quedaría sí:

body{width:80%; margin:auto;}

Para tamaños relativos hay que usar porcentajes ya que si usamos unidades em el tamaño será fijo. Por otro lado es conveniente determinar un tamaño mínimo con la propiedad min-width, de ésta menera nos aseguramos que la página no sea tan pequeña que sea imposible leerla, el problema es que ésta propiedad no funciona en Internet Explorer:

body{width:80%; margin:auto; min-width:500px;}

Categorías: