Njësitë vw dhe vh në CSS
Njësitë vw dhe vh lejojnë vendosjen e
madhësisë relative me zonën e shikimit të dritares
së shfletuesit. Le të shohim me një shembull.
Le të themi se kemi një div:
<div></div>
Le t'i caktojmë atij një gjerësi të barabartë me gjysmën e gjerësisë së zonës së shikimit dhe një lartësi të barabartë me gjysmën e lartësisë së zonës së shikimit:
div {
width: 50vw;
height: 50vh;
margin: 30px auto;
border: 1px solid red;
}
Le të shohim se çfarë kemi marrë:
Është dhënë një div. Caktoni atij një hapësirë të lartë (margin) nga lart, të barabartë me
30% të lartësisë së zonës së shikimit.
Është dhënë një div. Caktoni atij gjerësi dhe lartësi, të barabarta me
70% të gjerësisë së zonës së shikimit.
