¿Cómo hacer que la pagina se adapte a las distintas resoluciones?

Hola. Quisiera saber como puedo hacer que mi página se vea bien con las resoluciones más comunes.

La FAQ ¿Cómo hacer que la pagina se adapte a las distintas resoluciones? tiene

Pertenece a la categoría:
Pregunta
Hola.

Quisiera saber como puedo hacer que mi página se vea bien con las resoluciones más comunes.
Respuesta de Christian Santalucía
¡El eterno problema...!


Tienes varias opciones. La más utilizada es la de poner el ancho y/o el alto en porcentaje en vez de en pixel.


Otra solución, aunque me gusta mucho menos, sería realizar un sitio para cada definición y poner un Script para que cuando cargue la página detecte tu resolución y te mande a uno u otro sitio dependiendo tu resolución.


En algunos casos sería importante resolver este problema y en otros no lo sería tanto. Para estudiar en qué casos es o no importante tenemos un artículo de usabilidad.

Volver al árbol de categoríasVolver al árbol de categorías

Comentarios

lopez

03/10/2012
como hacer que la pagina se adapte a las distintas resoluciones
hola amigo me llamo lopez ahora te explico un poco miraa<br />
yo trabajo en diseñador web y lo que ago para que se adapte es usar porcentaje (%)<br />
el porcentaje lo que hace es detectar de cuanto es la resolucion y adaptarla a tu pantalla como lo que seria los codigos javasript pero de una manera mas simple tambien existen otras maneras que son las siguientes:<br />
<br />
1. la de porcentaje % (mas recomendada).<br />
2.codigos javascript como la de adaptar a la resolucion de pantalla o la de crear varias webs.<br />
<br />
la que te voy a enseñar es la de (%) se aplica asi: (o como yo lo ago)<br />
<br />
lo primero tengo que tener el Notepad++ o el Dreamwever (recomendado) yo uso el Dreamwever para mis diseños y lo abren.<br />
luego creamos una plantilla web de html y insertamos un dib pa luego ese div pa lo acomodamos del lado izquierdo de la pantalla haste que adajo donde dice :<br />
Izq = 0px<br />
<br />
una vez hecho esto vamos a abajo donde dice ancho o (An) y ponemos 100% de esa manera nosotros podemos asegurarnos de que ese ancho es de 100% y se va a adaptar a qualquier resolucion.<br />
eso seria como un body adentro de ese div pa ponemos todo eldiseño con las imagenes que pueden ser en px o en % (mas recomendado el %).<br />
<br />
bueno me despido espero que les sea util.

Gumielino

08/7/2014
Web que se ajusta a las diferentes resoluciones de pantalla
Se trata de un sistema de construcción de páginas web que se ajustan automáticamente a cualquier resolución de pantalla, incluso las imágenes. También funciona en teléfonos móviles. En realidad a lo que se adapta es a la ventana que la contiene, por lo que se reajusta cuando se redimensiona esta. La explicación está en: http://www.juancarlos-web.com.
FAQ relacionadas
Volver al árbol de categoríasVolver al árbol de categorías