CSS `calc()` プロパティを変更するコンパイラを減らすにはどうすればよいですか?

Less コンパイラーによる CSS calc() プロパティの操作を防止する

Less コンパイラーが CSS calc() プロパティを望ましくないものに変換するのを防ぐ試み価値観を理解するには、彼らの行動を理解することが重要です。 Less コンパイラーは calc() 式を解釈して数学的演算を実行し、特定のシナリオで予期しない結果を引き起こします。

Less コンパイラー構成

Less は calc() 内の式を評価しなくなりました。バージョン 3.00 以降のデフォルト。この変換を防ぐには、Less の最新バージョンを使用していることを確認してください。

古いバージョンのオプション

Less の古いバージョンの場合 (v1.x...) 2.x) では、calc() 式をチルダ (~) 文字で囲みます。これは、式を文字列として扱い、評価を防ぐようコンパイラに信号を送ります:

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

Less Configuration

Less 1.4.0 では strictMaths オプションが導入されており、これには次のことが必要です。 all 括弧内に含める計算を少なくします。このオプションを有効にすると、calc() 式はチルダ文字を必要とせずにすぐに使用できるようになります。ただし、このオプションを使用すると、既存のコードに重大な変更が生じる可能性があることに注意してください。

以上がCSS `calc()` プロパティを変更するコンパイラを減らすにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。