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

Empêcher le compilateur Less de manipuler les propriétés CSS calc()

Pour tenter d'empêcher les compilateurs Less de traduire les propriétés CSS calc() en indésirables valeurs, il est important de comprendre leur comportement. Moins de compilateurs interprètent les expressions calc() et effectuent des opérations mathématiques, ce qui conduit à des résultats inattendus dans certains scénarios.

Moins de configuration du compilateur

Less n'évalue plus les expressions à l'intérieur de calc() par défaut depuis la version 3.00. Pour éviter cette transformation, assurez-vous d'utiliser la dernière version de Less.

Option pour les anciennes versions de Less

Pour les anciennes versions de Less (v1.x... 2.x), entourez les expressions calc() entre les caractères tilde (~). Cela signale au compilateur de traiter l'expression comme une chaîne et d'empêcher l'évaluation :

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

Less Configuration

Less 1.4.0 introduit l'option strictMaths, qui nécessite tous les moins de calculs doivent être entre parenthèses. Avec cette option activée, les expressions calc() fonctionneront immédiatement sans avoir besoin de caractères tilde. Cependant, notez que cette option peut entraîner des modifications avec rupture dans le code existant.

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!