Comment puis-je empêcher less compilateurs de traduire incorrectement les propriétés CSS `calc()` ?

Moins de problèmes de compilation avec les propriétés CSS calc() : méthodes de prévention

Moins de problèmes de compilation, tels que OrangeBits et dotless, sont connus pour fonctionner de manière incorrecte traduire les propriétés CSS calc(). Cela peut conduire à des résultats indésirables, tels que la conversion de "calc(100% - 250px - 1.5em)" en "calc(-151.5%)".

Pour éviter cela, Less à partir de la version 3.00 n'évalue plus les expressions dans calc() par défaut. Ce changement garantit que les valeurs calc() sont préservées lors de la compilation.

Pour les versions antérieures à 3.00 :

Pour empêcher less de traduire les équations calc, vous pouvez utiliser la notation tilde comme ça :

body { width: calc(~"100% - 250px - 1.5em"); }

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!