仅在加载时使用媒体宽度查询加载css文件。

Question

我不想根据INITIAL窗口大小为任何网页加载正确的css文件。

我目前包含的文件如下：

<link rel="stylesheet" media="(max-width: 1250px)" href="file1.css">
<link rel="stylesheet" media="(min-width: 1251px) and (max-width: 1700px)" href="file2.css">
<link rel="stylesheet" media="(min-width: 1701px)" href="file3.css">

此代码在加载时加载正确的css，但它也会根据屏幕大小调整而改变。

是否有一种原生的CSS来防止响应文件更改？

我可以编写一个脚本，在初始CSS加载后删除未使用的查询，但我想知道是否有更原生的方式。

谢谢！

Answer 1

你不能。 matchMedia专门为此创建的JS属性。使用matchmedia，只有在满足某个mediaquery条件时才能执行JavaScript块。例如：

Package.onUse(function(api) {
  api.use('underscore');
  api.addFiles('unscore.js');
});