Adakah terdapat sebarang masalah keserasian dengan vw dalam css?

Terdapat isu keserasian dengan vw dalam css. Keserasian vw: 1. Pada PC desktop, vw serasi dengan Chrome26, Firefox19, Safari6.1, IE10 dan Opera15 dan ke atas 2. Pada peranti mudah alih, vw serasi dengan Android4.4 dan iOS8 dan ke atas.

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.

Adakah terdapat sebarang isu keserasian dengan vw dalam css?

PC Desktop

Chrome: Disokong sempurna sejak versi 26 (Februari 2013)

Firefox: Disokong sempurna sejak versi 19 (Januari 2013)

Safari: Disokong sempurna sejak versi 6.1 (Oktober 2013)

Opera: Sejak 15 Disokong sempurna sejak versi 1 (Julai) 2013

IE: Memandangkan IE10 (termasuk Edge) ia hanya disokong sebahagian (vmax tidak disokong dan vm menggantikan vmin)

Peranti mudah alih

Android: Disokong sempurna sejak versi 4.4 (Disember 2013)

iOS: Disokong sempurna sejak versi iOS8 (September 2014).

Pengetahuan lanjutan:

(1) vw, vh, vmin, vmax ialah unit tetingkap dan unit relatif. Ia tidak berkaitan dengan nod induk atau nod akar halaman. Ia ditentukan oleh saiz port pandangan Unit ialah 1, yang bermaksud seperti 1%.

Port pandangan ialah kawasan di mana penyemak imbas anda sebenarnya memaparkan kandungan—dengan kata lain, pelayar web anda tanpa bar alat dan butang.

(2) Penerangan khusus adalah seperti berikut:

• vw: peratusan lebar tingkap (1vw mewakili 1% daripada lebar tingkap)

• vh: peratusan ketinggian tetingkap

• vmin: yang lebih kecil daripada vw dan vh semasa

• vmax: vw dan vh semasa Nilai yang lebih besar dalam vh

Perbezaan antara vw, vh dan % peratus

(1) % ialah saiz relatif kepada elemen induk Nisbah set, vw dan vh, ditentukan oleh saiz tetingkap.

(2) Kelebihan vw dan vh ialah mereka boleh mendapatkan ketinggian secara langsung Namun, menggunakan % tidak boleh mendapatkan ketinggian kawasan yang boleh dilihat dengan betul tanpa menetapkan ketinggian badan, jadi ini adalah kelebihan yang baik.

(Mempelajari perkongsian video: tutorial video css)

Atas ialah kandungan terperinci Adakah terdapat sebarang masalah keserasian dengan vw dalam css?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!