Les variables natives CSS ne fonctionnent pas dans les media queries

Question

J'essaie d'utiliser des variables CSS dans media query et cela ne fonctionne pas.

:root {
  --mobile-breakpoint: 642px;
}

@media (max-width: var(--mobile-breakpoint)) {

}

Answer 1

Comme vous pouvez lire d'autres réponses, toujours pas possible pour le faire.

Quelqu'un a mentionné les variables environnementales personnalisées (similaires aux variables css personnalisées). env() au lieu de var() ), et le principe est bon, bien qu'il y ait encore deux problèmes majeurs :

• faible support des navigateurs
• pour l'instant, il n'y a pas de moyen de les définir (mais ce sera probablement le cas à l'avenir, car il ne s'agit pour l'instant que d'un projet non officiel)