Imagen responsive con CSS

Con este código hacemos que la imagen se adapte al tamaño de la pantalla (responsive). Le indicamos un ancho máximo para que no se amplie en pantallas grandes.

img {
width:100%;
max-width:400px; /*Debe ser igual al ancho de la imagen*/
}

Para que funcione el div que la contenga no debe tener especificado un width fijo.

Fuente: genbetadev