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:

html<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:

cssdiv {
  width: 50vw;
  height: 50vh;
  margin: 30px auto;
  border: 1px solid red;
}

Le të shohim se çfarë kemi marrë:

Задание 1

Ë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.

Задание 2

Është dhënë një div. Caktoni atij gjerësi dhe lartësi, të barabarta me 70% të gjerësisë së zonës së shikimit.