今すぐ使用するためにenv（）を偽造します

CSSのenv()関数は、薄い空気から出現しませんでした。もともとはAppleが「Notch Screens」を扱うために使用されていましたが、現在はドラフト仕様になっています。その目標は、ユーザーエージェントまたは著者がCSSのグローバル定数と同様に、不変の変数を宣言できるようにすることです。

ただし、仕様では、 env()値を設定する方法を指定していません。今すぐ使用する必要がある場合、最も簡単な方法は、通常のCSSカスタムプロパティを使用して変更を避けることです。

env() Syntaxを使用する場合は、PostCSSプラグインを使用してシミュレートできます。プラグインは、JavaScriptファイルを介して変数を宣言します。

 postcsscustomproperties（{
  importfrom： 'path/to/file.js'/* module.exports = {
    環境変数：{
      ' - ブランディングパッジング'： '20px'、
      '-Branding-Small'： '600px'
    }
  } */
}）;

JavaScriptから変数を定義することは興味深いです。これは、変数を1つの場所に設定し、JavaScriptとCSSの両方でアクセスできることを意味するためです。

Harry Nichollsは、ユニットを扱う際のいくつかのメモなど、彼の記事「なぜCSS env（）を使用する必要があるのか​​」でこれをより詳細に紹介しています。ただし、CSSとJavaScriptで単一のソースの変更不可能な変数を使用する必要がある場合、これは優れたソリューションであり、 env()が正式にサポートされた後に削除できます。

以上が今すぐ使用するためにenv（）を偽造しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。