Kasuta svh, kui vajad stabiilset kõrgust koos nähtava brauseriribaga; dvh, kui element peab järgima vaateava muutumist. Klassikaline vh võib telefonis tähendada kõrgust, mille puhul nähtav brauseririba katab osa sisust. 12
Mõtle käitumisele, mitte uuemale lühendile
100svh lähtub väikesest vaateavast. See aitab vältida olukorda, kus esimese ekraani nupp jääb brauseri juhtnuppude alla. Kui brauseririba peitub, võib nähtav ala olla elemendist suurem.
100dvh muutub koos dünaamilise vaateavaga. See sobib näiteks ekraani täitva paneeli jaoks, kuid võib kerimise ajal paigutust ümber arvutada. See pole igas olukorras automaatselt parem. 1
Sisuga sektsiooni lihtne näide
.hero {
min-height: 100vh;
min-height: 100svh;
}
min-height jätab pikemale sisule kasvuruumi. Fikseeritud height koos peidetud ülevooluga võib muuta teksti või nupu kättesaamatuks.
Kontrolli lehte brauseririba nähtaval ja peidetud olekus, rõhtasendis ning suurema tekstisuurusega. Vormide puhul testi eraldi ekraaniklaviatuuri: vaateava ühiku vahetamine üksi ei lahenda kõiki klaviatuuri ja turvaalade paigutusprobleeme.
Vali ühik selle järgi, millist liikumist kasutaja peaks nägema. Stabiilne avalehe plokk ja dünaamiliselt täituv dialoog ei pea kasutama sama lahendust.
Seotud lugemine
Veebilehe arendus ja uuendamine
