WILFREDO SALAS G. - Responsive Web Design - Webuda

EL PLACER DE ESTAR “OCULTO”
Como había mencionado antes, hay varios métodos para hacer que las imágenes de tu página web sean
flexibles, uno de ellos es utilizar la propiedad overflow. En la mayoría de los casos, la regla max-width:
100% es la mejor alternativa para redimensionar las imágenes, pero de forma alternativa puedes eliminar
el exceso de datos dentro del contenedor con overflow: hidden. Entonces, es vez de que la imagen se
redimensione automáticamente se puede eliminar toda la información sobrante.
#view{
}
#view img{
}
overflow: hidden;
display: block;
overflow: hidden;
Como pueden ver, esta no es una solución totalmente fiable. De hecho, se ha encontrado que en la
mayoría de los casos overflow es generalmente menos útil que escalar la imagen vía max-width. Pero
aún así, es una opción que se tiene que considerar y encontrarle un uso para alguna ocasión en especial.
Hasta ahora hemos explorado todo lo que se necesita para desarrollar sitios web flexibles, acordes a los
dispositivos actuales, mejor dicho, sitios responsive. Con las herramientas y características que se han
mostrado antes ya están preparados para poder hacer sitios con grillas flexibles y con imágenes auto
redimensionadles, sólo es cosa de que ponerse a estudiar, aplicar y trabajar en lo que he mostrado y las
cosas que han quedado afuera.
Con nuestro cimiento flexible en lugar, es hora de poner el último ingrediente a nuestro diseño responsive.
23 RESPONSIVE WEB DESIGN — Capítulo 3: Imágenes flexibles