Cambiar el tamaño de las imágenes automáticamente con el tamaño del navegador usando CSS

Quieres que tus imágenes cambien de tamaño automáticamente cuando cambias el tamaño de la ventana del navegador, pero el código proporcionado no está funcionando. Investiguemos una solución.

Para hacer que las imágenes sean flexibles, necesitarás agregarles ancho máximo: 100% y alto: automático. Sin embargo, IE8 tiene un error que hace que esto no funcione. Para solucionarlo, agregue ancho: auto\\9 para IE8.

img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

Cualquier imagen agregada usando la etiqueta img ahora cambiará de tamaño automáticamente.

Para ilustrar, aquí hay un ejemplo de JSFiddle que no requiere JavaScript. Es compatible con las últimas versiones de Chrome, Firefox e IE (según pruebas).