Bagaimanakah Saya Boleh Menentukan Sokongan Penyemak Imbas untuk Sifat dan Nilai CSS?

Menentukan Sokongan Penyemak Imbas untuk Sifat dan Nilai CSS

Anda telah menghadapi isu di mana sifat CSS (vh) tidak berfungsi secara konsisten merentas penyemak imbas . Untuk menyelesaikan masalah ini, anda mencari kaedah untuk menyemak sama ada kedua-dua sifat dan nilai disokong. Walaupun artikel Lea Verou memberikan cerapan, tidak jelas cara menggunakannya pada nilai CSS secara khusus.

Menggunakan CSS.supports

Pelayar moden kini menawarkan API CSS.supports , yang membolehkan anda mengesahkan sokongan untuk sifat dan nilai tertentu. Begini cara anda boleh menggunakannya:

<code class="javascript">console.log(
  // Check for property support
  1, CSS.supports("text-decoration-style", "blink"),
  2, CSS.supports("display", "flex"),

  // Check for value support
  3, CSS.supports('--foo', 'red'),
  4, CSS.supports('(--foo: red)'),

  // Check for more complex property and value combinations
  5, CSS.supports("( transform-origin: 5% 5% )"),
  6, CSS.supports("( transform-style: preserve ) or ( -moz-transform-style: preserve ) or " 
  + "( -o-transform-style: preserve ) or ( -webkit-transform-style: preserve )")
);</code>

Dalam contoh ini, pelbagai sifat dan nilai diuji. Output konsol akan memaparkan "benar" untuk ciri yang disokong dan "palsu" untuk ciri yang tidak disokong. API ini menyediakan cara yang ringkas dan cekap untuk mengesahkan sokongan penyemak imbas untuk kedua-dua sifat dan nilai.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menentukan Sokongan Penyemak Imbas untuk Sifat dan Nilai CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!