Direct link to the article Why Browsers Download Stylesheets with Non-Matching Media Queries

Why Browsers Download Stylesheets with Non-Matching Media Queries

Direct Link

Say you have a stylesheet linked up like this:

<link href="mobile.css" rel="stylesheet" media="screen and (max-width: 600px)">

But as the page loads, you’re on a desktop browser where the screen is 1753px wide. The browser should just skip loading that stylesheet …

Avatar of Chris Coyier
Shared by Chris Coyier on