WILFREDO SALAS G. - Responsive Web Design - Webuda

FIG.10 La imagen se ajustó al tamaño que ya tenía el contenedor y que fue calculado con la fórmula que se usó
en el capítulo 2 para la grilla flexible.
Más aún, los navegadores han evolucionado de tal manera que redimensionan las imágenes
proporcionalmente. Como nuestra página web se redimensiona por sí sola, al encoger o alargar la
imagen, su proporción se mantendrá intacta. Además, max-width: 100% también se puede aplicar a
casi todos los elementos con un ancho fijo (fixed-width), como video u otros medios. De hecho, podemos
fortalecer el selector para cubrir otros elementos multimedia, así:
img, embed, object, video{
}
max-width:100%;
Sea un video de flash, u otro medio adjunto, o un humilde img, los navegadores hacen un muy buen
trabajo al redimensionarlos proporcionalmente en una grilla flexible, todo gracias a nuestro querido
elemento max-width.
22 RESPONSIVE WEB DESIGN — Capítulo 3: Imágenes flexibles