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.
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