Rumah > masalah biasa > Apakah unit vh dalam css?

Apakah unit vh dalam css?

尊渡假赌尊渡假赌尊渡假赌
Lepaskan: 2023-12-07 14:49:04
asal
2342 orang telah melayarinya

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.

Apakah unit vh dalam css?

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;
        }
Salin selepas log masuk

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!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan