Fluid x2 Content Images

Wondering if theres a better way to do this.

Basically I have a container (lets say its max-width: 700px). Inside that container i have a 1000px (@x2) image. The max width the image should ever be shown at is 500px (1000/2) or 100% of the container width (if the container shrinks smaller than 500px).

Hard to explain but hopefully you understand. Is there a clean way to handle this? The only way I could figure out is putting a width attribute on the <img> tag at 1/2 it's natural dimensions...

Fluid x2 Content Images

from HTML & Website Design http://ift.tt/1Wkfhai
via IFTTT
Previous
Next Post »
Thanks for your comment