Comunidad de diseño web y desarrollo en internet online

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

Citar            
MensajeEscrito el 26 Jul 2013 10:26 am
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

Por Palacio

Claber

198 de clabLevel



 

firefox
Citar            
MensajeEscrito el 26 Jul 2013 12:24 pm
No. No hay una forma fácil de hacerlo. Tienes que sentarte y programar.

Investiga sobre media queries.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 27 Jul 2013 06:47 pm
o puedes usar un framework que haga el trabajo "aburrido" por ti.

yo uso Foundation

Por HtrMancera

Claber

342 de clabLevel

1 tutorial

Genero:Masculino  

Front-end Developer

chrome
Citar            
MensajeEscrito el 31 Jul 2013 09:32 am
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

Por Palacio

Claber

198 de clabLevel



 

firefox
Citar            
MensajeEscrito el 31 Jul 2013 04:21 pm
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.

Por HtrMancera

Claber

342 de clabLevel

1 tutorial

Genero:Masculino  

Front-end Developer

chrome
Citar            
MensajeEscrito el 01 Ago 2013 10:22 am
Muchas gracias, le hecho un ojo

Por Palacio

Claber

198 de clabLevel



 

firefox
Citar            
MensajeEscrito el 01 Ago 2013 12:34 pm
Pero vos queres que sea elástico o responsive???
No me queda claros si es solo para moviles o no...

Saludos!

Por SinSemilla

Claber

336 de clabLevel



Genero:Masculino  

i am that i am...

firefox
Citar            
MensajeEscrito el 01 Ago 2013 12:48 pm
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

Por Palacio

Claber

198 de clabLevel



 

firefox
Citar            
MensajeEscrito el 02 Ago 2013 12:33 pm
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!

Por SinSemilla

Claber

336 de clabLevel



Genero:Masculino  

i am that i am...

firefox
Citar            
MensajeEscrito el 23 Ago 2013 07:31 pm

SinSemilla escribió:

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!


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

Por isaacbats

3 de clabLevel



Genero:Masculino  

Freelance

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.