14.04.2013 Views

WILFREDO SALAS G. - Responsive Web Design - Webuda

WILFREDO SALAS G. - Responsive Web Design - Webuda

WILFREDO SALAS G. - Responsive Web Design - Webuda

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

#que-es, #descarga, #no-ipad{<br />

}<br />

width:32.653061%; /* 320px / 980px * 100% */<br />

Recuerda que también puedes aplicar a todas las propiedades de CSS que apliques que<br />

tengan medidas en px, como por ejemplo margin, padding, height, y más.<br />

Paso 5<br />

Voilà!: Nuestra página web al fin tiene su grilla fluida. Abajo pueden ver cómo una grilla<br />

flexible, con medidas dinámicas hechas a través de porcentajes en vez de px se adapta<br />

casi por arte de magia al dispositivo en que se encuentre (FIG.8). Eso sí, no sólo de grillas<br />

viven las páginas web responsive, también hay otros dos características necesarias para<br />

esto: que son las imágenes flexibles y los media queries.<br />

FIG.7 En distintos tamaños de pantalla, la grilla flexible empieza a trabajar.<br />

18 RESPONSIVE WEB DESIGN — Capítulo 2: La grilla felxible

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!