Imagen responsive adaptable solo con css

En el siguiente ejemplo vemos como hacer que las imágenes de nuestro sitio se adapten a la resolución de cualquier dispositivo utilizando css, lo que hacemos es crear imágenes responsive con unas pocas lineas de código.


Código de ejemplo

<style type="text/css">
	#content img {
		max-width: 100%;
	}
</style>
<div id="content">
	<img src="http://i.imgur.com/qIVHmqW.jpg">
	<h1>Rescalar</h1>
</div>

Demo