浏览器是否在不需要时加载媒体样式表中的文件？
Does the browser load files in media stylesheet when not required?
我只想知道浏览器是否加载或跳过这些外部 css 文件
<link rel="stylesheet" media="screen and (max-device-width: 800px)" href="example.css" />
如果屏幕宽度超过800px，并且加载文件，我可以做些什么来避免它？我不希望浏览器加载用户不需要的文件。
The browser will load all specified <link>'s.
这是在服务器端完成的，而呈现适当的内容是在客户端完成的。
您可以在浏览器开发者工具 F12 的源代码下查看已加载的确切内容。
如果您担心加载多个大样式表，有几种选择。
将大部分样式放在一个共享样式表中，然后针对不同尺寸的屏幕只使用较小的样式表，因为两者之间不应该有太大变化。
在页面加载后使用 JavaScript 动态加载适当的样式。请参阅 this link 了解具体操作方法 - Farley 很简单。
作为参考，这篇关于 Different Stylesheets for different devices 的文章值得一读 CSS 技巧
我只想知道浏览器是否加载或跳过这些外部 css 文件
<link rel="stylesheet" media="screen and (max-device-width: 800px)" href="example.css" />
如果屏幕宽度超过800px，并且加载文件，我可以做些什么来避免它？我不希望浏览器加载用户不需要的文件。
The browser will load all specified
<link>'s.
这是在服务器端完成的，而呈现适当的内容是在客户端完成的。
您可以在浏览器开发者工具 F12 的源代码下查看已加载的确切内容。
如果您担心加载多个大样式表，有几种选择。
将大部分样式放在一个共享样式表中，然后针对不同尺寸的屏幕只使用较小的样式表，因为两者之间不应该有太大变化。
在页面加载后使用 JavaScript 动态加载适当的样式。请参阅 this link 了解具体操作方法 - Farley 很简单。
作为参考，这篇关于 Different Stylesheets for different devices 的文章值得一读 CSS 技巧