when I have
<link type= "text/css" rel="stylesheet" media="screen and (max-width: 480px)" href="css/480.css">
and the page is not within the query parameters, will the device download the CSS file and not display it or not download it at all?
And when the page changes and now fits the query, will it download the file?
No matter what the
mediasays, it will be downloaded. You’re better off using@mediablocks inside your main stylesheet if the goal is to increase performance.See:
I’m not sure if this is a good or a bad thing, but considering your question:
If this were the case, there’s a good chance the user would experience some lag waiting for the CSS to load “on-demand”.