2017-07-26 3 views
0

Je suis curieux de savoir si cssnano est compatible avec les requêtes média. Dans mon fichier CSS, j'ai.cssnano supprime l'attribut "all" de la requête css @media

@media all and (min-width: 600px) {} 

Après avoir exécuté mon css par cssnano, il se tourne vers cette>

@media (min-width: 600px) {} 

Est-ce sûr à utiliser dans la production? Je ne peux pas trouver n'importe où où il dit ne pas avoir l'attribut "tous" rend le navigateur par défaut à tous ou si ce n'est pas une mauvaise chose pour envoyer le fichier en production?

Répondre

2

Je suis l'auteur; oui, c'est valide. Je vous renvoie à la question d'origine, mais en quelques mots:

par le spec (exemple 5):

à savoir ceux-ci sont identiques:

@media all and (min-width:500px) { … } 
@media (min-width:500px) { … } 

Comme ceux-ci sont:

@media (orientation: portrait) { … } 
@media all and (orientation: portrait) { … } 

Il me semble que ceux-ci pourraient décaper ... [snip]

https://github.com/ben-eb/cssnano/issues/215

+0

Remerciez vous @ben appréciez l'information. Question rapide. Si je lis bien toutes les informations, en n'utilisant pas seulement ou tous dans la feuille de style rend les requêtes de médias de fichiers mieux compatibles avec les anciens navigateurs car ils ne peuvent pas traiter la partie "seulement" ou "tout" question. Est-ce que je comprends bien? – grimesd

+1

Je me souviens que c'était le cas mais je ne sais pas si ma mémoire me sert bien sur cette question; creuser dans la spécification aussi loin que 2001 liste en effet "seulement" dans le cadre de la syntaxe d'une requête de médias - https://www.w3.org/TR/2001/WD-css3-mediaqueries-20010404/#media0 - mais je n'ai pas de source pour son soutien. La meilleure source pour les requêtes de médias en général est http://caniuse.com/#feat=css-mediaqueries; Je ne m'inquiéterais pas trop de l'ancien support des navigateurs de nos jours, pour IE si vous en avez besoin, les commentaires conditionnels fonctionnent toujours bien. – Ben

+1

Vous venez de voir cette spécification: "Les mots clés" only "et" not "sont autorisés dans la requête media afin d'éviter que les User Agents existants appliquent la feuille de style sans que le périphérique remplisse les autres conditions de la requête média. travailler puisque "seulement" et "non" ne sont pas des types de médias dans HTML4. " - Alors oui, en effet c'est le cas. :-) – Ben