Apakah 100vh dalam css

Dalam css, "100vh" merujuk kepada nilai panjang relatif dengan saiz "100" dan unitnya ialah "vh"; "vh" ialah unit panjang relatif dalam css, yang relatif kepada ketinggian daripada tetingkap. "100vh" bermaksud ketinggian elemen adalah sama dengan ketinggian tetingkap paparan penyemak imbas semasa, iaitu ketinggian kawasan yang boleh dilihat di dalam penyemak imbas.

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

Apakah 100vh dalam css?

vh ialah unit panjang relatif dalam css Berbanding ketinggian tingkap, tingkap dibahagikan kepada 100 unit vh, iaitu, 1vh ialah. sentiasa sama dengan ketinggian tetingkap semasa Satu peratus daripada.

Tingkap terbahagi kepada 100 unit vh. Kelebihan vh ialah ia boleh mendapatkan ketinggian secara langsung, tetapi menggunakan % tidak dapat memperoleh ketinggian kawasan visual dengan betul tanpa menetapkan ketinggian badan.

Port pandangan merujuk kepada saiz kawasan yang boleh dilihat di dalam penyemak imbas, iaitu saiz tetingkap.innerWidth/window.innerHeight, tidak termasuk saiz kawasan penyemak imbas bar tajuk bar tugas dan bahagian bawah bar alat.

Oleh itu, 100vh adalah sama dengan ketinggian tetingkap paparan penyemak imbas semasa, iaitu ketinggian kawasan yang boleh dilihat di dalam penyemak imbas.

Tetapkan ketinggian: 100vh, tidak kira elemen itu tiada kandungan, elemen itu akan diregangkan ke ketinggian yang sama dengan skrin

Dilanjutkan pengetahuan:

• vh: berbanding ketinggian tingkap, tingkap dibahagikan kepada 100 unit vh; 🎜>vw: relatif kepada tingkap Lebar tetingkap dibahagikan kepada 100 unit vw; Yang terbesar dibahagikan kepada 100 unit vmax; Yang terkecil dibahagikan kepada 100 unit vmin;

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