Faking Env（）現在使用它

CSS 的env()函數並非憑空出現，最初由Apple 用於處理“劉海屏”，現已成為草案規範。其目標是允許用戶代理或作者聲明不可更改的變量，類似於CSS 中的全局常量。

然而，該規範尚未明確說明如何設置env()值。如果您現在需要使用它，最簡單的辦法是使用普通的CSS 自定義屬性，並避免修改它們。

如果您希望使用env()語法，可以使用一個PostCSS 插件來模擬它。該插件通過一個JavaScript 文件來聲明變量：

 postcssCustomProperties({
  importFrom: 'path/to/file.js' /* module.exports = {
    environmentVariables: {
      '--branding-padding': '20px',
      '--branding-small': '600px'
    }
  } */
});

從JavaScript 中定義變量很有趣，因為它意味著我們可以集中在一個地方設置變量，並同時在JavaScript 和CSS 中訪問它們。

Harry Nicholls 在他的文章“為什麼你應該使用CSS env()”中更詳細地介紹了這一點，例如處理單位時的一些注意事項。但是，如果您確實需要在CSS 和JavaScript 中使用單一來源的不可更改變量，那麼這是一種不錯的方案，並且可以在env()正式獲得支持後將其移除。

以上是Faking Env（）現在使用它的詳細內容。更多資訊請關注PHP中文網其他相關文章！