WILFREDO SALAS G. - Responsive Web Design - Webuda
WILFREDO SALAS G. - Responsive Web Design - Webuda
WILFREDO SALAS G. - Responsive Web Design - Webuda
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