One Solution To Responsive Images

If you’re not ready to poly fill your responsive solution then you can borrow one that Gavyn McKenzie came up with at Etch. This solution requires a bit of PHP, some javascript and simple html markup

Responsive images have been, and are, one of the hardest problems in responsive Web design right now. Until browser vendors have a native solution, we have to think on the fly and come up with our own solutions. “Retina” images are especially a challenge because if you have sized your layout with ems or percentages (as you should!), then you cannot be sure of the exact pixel dimensions of each image being displayed.

An excerpt from One Solution To Responsive Images

View original article

Subscribe to our Newsletter

Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.