Jednostki vw i vh w CSS
Jednostki vw i vh pozwalają ustawić
rozmiar względem obszaru widoku okna
przeglądarki. Spójrzmy na przykład.
Załóżmy, że mamy jakiś div:
<div></div>
Ustawmy mu szerokość na połowę szerokości obszaru widoku i wysokość na połowę wysokości obszaru widoku:
div {
width: 50vw;
height: 50vh;
margin: 30px auto;
border: 1px solid red;
}
Zobaczmy, co otrzymamy:
Dany jest div. Ustaw mu odstęp od góry, równy
30% wysokości obszaru widoku.
Dany jest div. Ustaw mu szerokość i wysokość, równą
70% szerokości obszaru widoku.
