我只想知道浏览器是否加载或跳过这些外部css文件
<link rel="stylesheet" media="screen and (max-device-width: 800px)" href="example.css" />
如果屏幕宽度超过800px，如果加载文件，我该怎么做才能避免它？我不希望浏览器加载用户不需要的文件。
答案 0 :(得分：0)
浏览器将加载所有指定的
<link>。
这是在服务器端完成的，而呈现适当的内容则在客户端完成。
您可以在源代码下查看您在浏览器开发者工具 F12 中加载的内容。
如果您担心加载多个大样式表，有几种选择。
将大多数样式放在一个共享样式表中，然后只有较小的样式用于不同大小的屏幕，因为两者之间不应该有太大的变化。
< / LI>页面加载后，使用JavaScript动态加载相应的样式。关于如何做到这一点，请参见this link - 它的法利很容易。
作为参考，这篇关于Different Stylesheets for different devices的文章值得一读CSS Tricks