O'Reilly logo

Taming CSS Complexity by Smashing Magazine

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Simple Responsive Images With CSS Background Images

By Stephen Thomas

This chapter features just one of the many, suboptimal solutions for responsive images. We suggest that you review different approaches before choosing a particular responsive image solution, including these two: How To Avoid Duplicate Downloads In Responsive Images1 and Choosing A Responsive Image Solution2. — Ed.

With all the talk of new HTML5 standards such as the srcset3 attribute and <picture>4 element, as well as server-side techniques such as Responsive Web Design + Server Side Components5 (RESS), you’d be forgiven for concluding that simple, static websites can’t support responsive images today. That conclusion might be premature, however. In fact, there’s an easy, straightforward ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required