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.

FIG.9 Y dio problema. A pesar de que se ve bien dentro del contenedor, la idea de los ejemplos es mostrar<br />

tres por línea.<br />

Ahora, el elemento img se va a renderizar a cualquier tamaño que se le ocurra, siempre que sea más<br />

angosto que el elemento en que se contenga. Pero qué tal si la imagen es más grande que su contenedor,<br />

entonces el max-width: 100% fuerza a que el ancho de las imágenes coincidan con el tamaño del<br />

contenedor en el que están. (FIG.10)<br />

img{<br />

}<br />

max-width:100%;<br />

21 RESPONSIVE WEB DESIGN — Capítulo 3: Imágenes flexibles

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

Saved successfully!

Ooh no, something went wrong!