Skip to content

24 ways to impress your friends

Vote up?

Sam Hill

The article states “The trouble is, regardless of what you have carefully selected to be display:none; in your CSS, the iPhone still loads everything in the background; all that large imagery for your full scale website also takes up valuable mobile bandwidth and time.”

This is only partly true. Images referenced within a media query are only downloaded to the device if the media query is applicable.

So, if you’re using media queries to create a mobile and desktop version of your site using the same URLs, simply wrap your desktop css within a media query as well.