Faking env () untuk menggunakannya sekarang

Fungsi env() CSS tidak muncul dari udara tipis. Ia pada asalnya digunakan oleh Apple untuk berurusan dengan "skrin notch" dan kini menjadi spesifikasi draf. Matlamatnya adalah untuk membolehkan ejen pengguna atau pengarang mengisytiharkan pembolehubah yang tidak boleh diubah, sama dengan pemalar global di CSS.

Walau bagaimanapun, spesifikasi tidak menetapkan cara menetapkan nilai env() . Jika anda perlu menggunakannya sekarang, cara yang paling mudah adalah menggunakan sifat adat CSS biasa dan elakkan mengubahnya.

Jika anda ingin menggunakan sintaks env() , anda boleh menggunakan plugin PostCSS untuk mensimulasikannya. Plugin mengisytiharkan pembolehubah melalui fail JavaScript:

 POSTCSSCUSTOPHOPERTIES ({
  ImportFrom: 'Path/to/file.js'/* module.exports = {
    EnvironmentVariables: {
      '--Branding-padding': '20px',
      '--Branding-Small': '600px'
    }
  } */
});

Ia menarik untuk menentukan pembolehubah dari JavaScript kerana ini bermakna kita boleh memberi tumpuan kepada penetapan pembolehubah di satu tempat dan mengaksesnya dalam kedua -dua JavaScript dan CSS.

Harry Nicholls memperkenalkan ini dengan lebih terperinci dalam artikelnya "Mengapa Anda Harus Menggunakan CSS Env ()", seperti beberapa nota ketika berurusan dengan unit. Walau bagaimanapun, jika anda perlu menggunakan pemboleh ubah sumber tunggal yang tidak boleh diubah dalam CSS dan JavaScript, ini adalah penyelesaian yang baik dan boleh dikeluarkan selepas env() disokong secara rasmi.

Atas ialah kandungan terperinci Faking env () untuk menggunakannya sekarang. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!