Faking env () jetzt benutzt es jetzt

env() -Funktion von CSS erschien nicht aus der Luft. Es wurde ursprünglich von Apple verwendet, um sich mit "Notch -Bildschirmen" zu befassen, und ist nun zu einer Entwurfsspezifikation geworden. Sein Ziel ist es, dem Benutzeragenten oder Autor unveränderliche Variablen zu deklarieren, ähnlich wie bei globalen Konstanten in CSS.

In der Spezifikation wurde jedoch nicht angegeben, wie env() -Wert festgelegt werden soll. Wenn Sie es jetzt verwenden müssen, besteht die einfachste Möglichkeit, normale CSS -benutzerdefinierte Eigenschaften zu verwenden und diese zu vermeiden.

Wenn Sie env() -Syntax verwenden möchten, können Sie ein Postcss -Plugin verwenden, um es zu simulieren. Das Plugin deklariert Variablen durch eine JavaScript -Datei:

 postcScustomProperties ({{
  importfrom: 'path/to/file.js'/* module.exports = {{
    Umweltvariablen: {
      '-Branding-Padding': '20px',,
      '-Branding-Small': '600px'
    }
  } */
});

Es ist interessant, Variablen aus JavaScript zu definieren, da wir uns darauf konzentrieren können, Variablen an einem Ort festzulegen und auf sie sowohl in JavaScript als auch in CSS zuzugreifen.

Harry Nicholls stellt dies in seinem Artikel "Warum Sie CSS env ()" ausführlicher vorstellen, wie einige Notizen, wenn Sie sich mit Einheiten befassen. Wenn Sie jedoch in CSS und JavaScript eine nicht wechselnde Variable mit einer einzelnen Quelle verwenden müssen, ist dies eine gute Lösung und kann nach offiziell unterstützter env() entfernt werden.

Das obige ist der detaillierte Inhalt vonFaking env () jetzt benutzt es jetzt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!