VW og VH enheder i CSS

Enhederne vw og vh tillader dig at indstille størrelsen i forhold til browserens vindues visningsområde. Lad os se på et eksempel.

Lad os sige, at vi har en div:

html<div></div>

Lad os give den en bredde på halvdelen af bredden af visningsområdet og en højde på halvdelen af højden af visningsområdet:

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

Lad os se, hvad vi får:

Задание 1

Der er givet en div. Indstil en topmargen på 30% af visningsområdets højde.

Задание 2

Der er givet en div. Indstil en bredde og højde svarende til 70% af visningsområdets bredde.