Ajustar web a la resolución del cliente

[SeRgIeTTe]

Hola, buenas noches a todos!

Llevo como dos días pasándome por aquí para buscar el código para ajustar mi página web a la resolución de pantalla de la persona que la visualiza. Yo la veo perfectamente, pero, a amigos míos les sale cortada y demás....

Al final, me he decidido a abrir el tema para ver si me podéis ayudar.

Busco el código para ajustar la web a la resolución de pantalla de la persona que la visualiza. He visto esos que redireccionan a otra web hecha expresamente para esa resolución pero es mucho trabajo para realizar cambios de manera rápida.

Muchas gracias de antemano y un saludo!

[laura_moreno14]

podrias hacer la web con usando medidas relativas como em o % en vez de px o pt para que se ajuste a cualquier resolucion.

[SeRgIeTTe]

Iniciado por laura_moreno14

podrias hacer la web con usando medidas relativas como em o % en vez de px o pt para que se ajuste a cualquier resolucion.

Si, es cierto que lo he leído, pero no tengo ni idea... Me puedes hechar una mano?

[laura_moreno14]

para utilazarlos solo tienes que cambiar "px" por "em" o "%" por ejemplo:

#header {width:100px;}

puedes cambiarlo por:


#header {width:10em;} o #header {width:10%;}

es aproximado tendras que ir probando las medidas y calcular igual que haces con los pixeles.

puedes leer sobre las distintas medidas aqui

[memoadian]

Yo te sugiero que utilices mediaqueries, simplemente agregas:

Código CSS:

@media (max-width: 767px) and (min-width: 480px) {
aqui adentro va todo el css para webs de 767px de ancho
}
 

un ejemplo d lo que hace esto es aquí

http://comprar-web.com/responsive

es un mini framework css que hice aumenta tu pantalla con ctrl + y ve como funciona.