Enheter vw och vh i CSS
Enheterna vw och vh låter dig sätta
storleken relativt webbläsarens fönsters
visningsområde. Låt oss titta på ett exempel.
Låt oss säga att vi har en div:
<div></div>
Låt oss ge den en bredd på hälften av bredden på visningsområdet och en höjd på hälften av höjden på visningsområdet:
div {
width: 50vw;
height: 50vh;
margin: 30px auto;
border: 1px solid red;
}
Låt oss se vad vi fick:
Du har en div. Sätt en toppmarginal som är lika med
30% av visningsområdets höjd.
Du har en div. Sätt en bredd och höjd som är lika med
70% av visningsområdets bredd.
