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:
<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:
div {
width: 50vw;
height: 50vh;
margin: 30px auto;
border: 1px solid red;
}
Lad os se, hvad vi får:
Der er givet en div. Indstil en topmargen på
30% af visningsområdets højde.
Der er givet en div. Indstil en bredde og højde svarende til
70% af visningsområdets bredde.
