¿Cómo ajustar una web al tamaño de la ventana del dispositivo?

Hola a todos, estoy haciendo una página web, para ser visualizada en un smartphone o tablet, y querría que se adaptara perfectamente al tamaño de la pantalla del dispositivo que la está visualizando.
¿Hay alguna forma senzilla de hacerlo? ¿Algún CSS o similar que la haga de una forma fácil?

Muchas gracias

No. No hay una forma fácil de hacerlo. Tienes que sentarte y programar.

Investiga sobre media queries.

o puedes usar un framework que haga el trabajo "aburrido" por ti.

yo uso Foundation

Hola HtrMancera, le he hechado un ojo a Foundation y tiene muy buena pinta.
Que versión usas mormalmente? La Custom Build? que ya te descarga el código directamente o usas alguna entre "Default CSS, Custom CSS, Sass"?

Muchas gracias

Yo utilizo la custom build, ya que te permite configurar ciertas cosas básicas como el numero de columnas, ancho máximo y colores principales.

Lo más importante para utilizar foundation es entender como funciona el sistema de cuadricula o "grid", te recomiendo que empieces por acá http://foundation.zurb.com/docs/components/grid.html

saludos.

Muchas gracias, le hecho un ojo

Pero vos queres que sea elástico o responsive???
No me queda claros si es solo para moviles o no...

Saludos!

Lo quiero elástico, pero esta web que te descarga los css para hacerla responsive me viene bien para otros temas.
A lo que iba, hay alguna forma de hacerlo para móviles y que sea elástico?

Muchas gracias

Te conviene usar porcentajes para los tamaños de contenedores, margenes y demás.
Para las tipografías usa como medida em y con mediaqueries según el ancho, le cambias el font-size al body (pero en px).

Saludos!

SinSemilla escribió:

coincido con el compañero, para poder darle un tamaño dinamico a tus section, divs, etc.. es conveniente usas medidas en porsentajes en tu codigo base.

Los mediasquery sirven entre otras cosas para determinar el comportamiento de los elementos de tu pag a una cierta resolución de pantalla ya sea mínima o maxima