我尝试过使用rel =＆＃34; preload＆＃34;在我的带有媒体属性的CSS链接上。
一切正常，但在Chrome中，媒体查询规则不适用于窗口调整大小。
以下是链接：
<link href="${URLUtils.staticURL('/css/main.css')}" as="style" onload="this.rel='stylesheet'" type="text/css" rel="preload">
<link href="${URLUtils.staticURL('/css/responsive-767px-max.css')}" as="style" media="screen and (max-width: 767px)" onload="this.rel='stylesheet'" type="text/css" rel="preload">
<link href="${URLUtils.staticURL('/css/responsive-768px-979px.css')}" as="style" media="screen and (min-width: 768px) and (max-width: 979px)" onload="this.rel='stylesheet'" type="text/css" rel="preload">
<link href="${URLUtils.staticURL('/css/responsive-980px-1199px.css')}" as="style" media="screen and (min-width: 980px) and (max-width: 1199px)" onload="this.rel='stylesheet'" type="text/css" rel="preload">
<link href="${URLUtils.staticURL('/css/responsive-1200px-min.css')}" as="style" media="screen and (min-width: 1200px)" onload="this.rel='stylesheet'" type="text/css" rel="preload">
我已经在Safari和Mozile中测试了它，调整大小的媒体查询规则就可以了。它适用于Chrome，没有rel =＆＃34; preload＆＃34;。
它是否已知问题？