Apakah unit vh dalam css?

vh ialah unit panjang relatif dalam CSS, yang mewakili peratusan ketinggian port pandangan 1vh adalah bersamaan dengan 1% ketinggian port pandangan merujuk kepada ketinggian bahagian tetingkap penyemak imbas yang boleh dilihat, tidak termasuk bar alat penyemak imbas dan alamat. Bahagian bukan halaman seperti lajur dan bar skrol.

Sistem pengendalian tutorial ini: sistem Windows 10, komputer Dell G3.

vh ialah unit panjang relatif dalam CSS, mewakili peratusan ketinggian port pandangan. Khususnya, 1vh adalah bersamaan dengan 1% daripada ketinggian viewport.

Ketinggian viewport merujuk kepada ketinggian bahagian yang boleh dilihat pada tetingkap penyemak imbas, tidak termasuk bahagian bukan halaman seperti bar alat penyemak imbas, bar alamat dan bar skrol. Oleh itu, unit vh boleh digunakan untuk membuat reka letak responsif berdasarkan ketinggian viewport. Sebagai contoh, apabila kita mahu ketinggian elemen sentiasa sama dengan separuh ketinggian paparan semasa, kita boleh menggunakan gaya berikut:

.element {  
height: 50vh;
        }

Ini akan menjadikan ketinggian elemen .elemen sentiasa sama dengan separuh ketinggian paparan semasa .

Perlu diingat bahawa unit vh ialah peratusan berbanding ketinggian viewport, jadi ia adalah unit relatif. Apabila saiz tetingkap penyemak imbas berubah, dimensi elemen dilaraskan dengan sewajarnya.

Atas ialah kandungan terperinci Apakah unit vh dalam css?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!