Apabila melaksanakan CSS, adalah penting untuk memastikan gaya anda disokong oleh penyemak imbas pengguna. Mari kita siasat cara untuk menentukan sama ada kedua-dua sifat dan nilai CSS disokong.
Dalam CSS:
<code class="css">@supports (display: flex) { /* Code to be executed if flexbox is supported */ }</code>
Dalam JavaScript:
<code class="javascript">if ('display' in document.body.style) { // Flexbox is supported }</code>
Dalam JavaScript:
<code class="javascript">const element = document.createElement('div'); element.style.setProperty('text-decoration-style', 'blink'); const style = window.getComputedStyle(element); if (style.getPropertyValue('text-decoration-style') === 'blink') { // Blink effect is supported }</code>
Walau bagaimanapun, terdapat yang lebih baharu dan kaedah yang lebih cekap tersedia:
API CSS.supports() menawarkan penyelesaian yang lebih mantap:
<code class="javascript">console.log(CSS.supports('text-decoration-style', 'blink')); // True or false console.log(CSS.supports('display', 'flex')); // True or false console.log(CSS.supports('--foo', 'red')); // True or false</code>
Kaedah ini menyokong kedua-dua sifat dan pengesahan nilai.
Dengan menggunakan teknik ini, anda dengan yakin boleh memastikan gaya CSS anda akan dipaparkan seperti yang dimaksudkan, tanpa mengira penyemak imbas pengguna.
Atas ialah kandungan terperinci Berikut ialah beberapa tajuk berasaskan soalan yang sesuai dengan artikel anda: * Bagaimana untuk Semak sama ada Sifat dan Nilai CSS Disokong oleh Penyemak Imbas? * Penyemak Sokongan CSS: Cara Mengesahkan Keserasian Harta dan Nilai. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!