0
J'ai essayé d'utiliser rel = "preload" sur mes liens CSS avec l'attribut media.Requête multimédia préchargée CSS ne s'applique pas au redimensionnement dans Chrome
Et tout fonctionne bien, sauf dans Chrome, les règles de requête de média ne s'appliquent pas au redimensionnement des fenêtres.
Voici les liens:
<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">
Je l'ai testé dans Safari et Mozile, et les règles de la requête des médias sur Redimensionner fonctionne très bien. Et cela fonctionne dans Chrome sans rel = "preload".
Est-ce un problème connu?