Адзінкі vw і vh у CSS
Адзінкі vw і vh дазваляюць задаць
памер адносна вобласці прагляду акна
браўзэра. Давайце паглядзім на прыкладзе.
Няхай у нас ёсць нейкі дыў:
<div></div>
Давайце зададзім яму шырыню ў палову шырыні вобласці прагляду і вышыню ў палову вышыні вобласці прагляду:
div {
width: 50vw;
height: 50vh;
margin: 30px auto;
border: 1px solid red;
}
Паглядзім, што ў нас атрымаецца:
Дадзены дыў. Задайце яму водступ зверху, роўны
30% вышыні вобласці прагляду.
Дадзены дыў. Задайце яму шырыню і вышыню, роўную
70% шырыні вобласці прагляду.