CSS3 pateikia santykinius peržiūros srities vienetus. 100 VW reiškia 100 % peržiūros srities pločio. 100vh; 100 % ūgio.
Ar 100vh yra tas pats, kas 100%?
Pavyzdžiui, peržiūros srities vienetai gali būti naudingi bandant sukurti vienodo aukščio / pločio elementų krūvą. … Priešingai, aukštis: 100vh bus 100 % peržiūros srities aukščio, neatsižvelgiant į tai, kur elementas yra DOM.
Ką VH reiškia CSS?
vh ir vw. vh reiškia žiūros srities aukštis, o vw reiškia peržiūros srities plotį. Taigi, elemento pločio vertės nustatymas 50vw reiškia, kad elemento plotis bus 50 % peržiūros srities dydžio, ir tai išlieka teisinga, kai keičiamas peržiūros srities dydis.
Kaip pakeisti savo ūgį į 100vh?
aukštis: 100vh; reiškia, kad šio elemento aukštis yra lygus 100 % peržiūros srities aukščio. pavyzdys: aukštis: 50vh; Jei ekrano aukštis yra 1 000 pikselių, elemento aukštis bus lygus 500 pikselių (50 % iš 1 000 pikselių). aukštis: calc(100% - 100px); apskaičiuos elemento dydį naudodamas elemento reikšmę.
Kodėl 100 % ūgis neveikia?
Jei bandysite nustatyti div konteinerio aukštį iki 100 % naršyklės lango, naudodami stiliaus taisyklės aukštis: 100 %; tai neveikia, nes procentas (%) yra santykinis vienetas, todėl gautas aukštis priklauso nuo pirminio elemento aukščio aukščio.
