1. ホーム
  2. css

[解決済み] LessがCSS calc()プロパティをコンパイルしようとするのを防ぐには?

2022-04-18 02:05:15

質問

その 少ない というコンパイラを使用しています( オレンジビッツ ドットレス1.3.0.5 を積極的に翻訳しています。

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

に入っています。

body { width: calc(-151.5%); }

これは明らかに望ましいことではありません。コンパイル時にこの属性を無視するよう、Less コンパイラに合図する方法はないでしょうか。Less のドキュメントと両方のコンパイラのドキュメントを検索してみましたが、何も見つかりませんでした。

Less または Less コンパイラはこれをサポートしていますか?

そうでない場合、そうするCSSエクステンダーはありますか?

どのように解決するのですか?

の中の式を評価しなくなりました。 calc はデフォルトで v3.00 .


オリジナル回答 ( Less v1.x...2.x ):

こうしてください。

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

Less 1.4.0では、このように strictMaths オプションを使用すると、Less のすべての計算を大括弧内に記述する必要があるため calc はそのまま動作します。これは大きな変更であるため、オプションとして提供されています。1.4.0の初期のベータ版では、このオプションはデフォルトでオンになっていました。リリース版では、デフォルトでオフになっています。