CSS-de vw we vh birlikleri

vw we vh birlikleri brauzer penjiresiniň gözegçilik meýdanyna degişlilikde ölçeg kesgitlemäge mümkinçilik berýär. Mysal üçin seredeliň.

Bizde bir dürli div bolsun:

html<div></div>

Geliň onuň ini gözegçilik meýdanynyň iniň ýarysyna, beýikligini bolsa gözegçilik meýdanynyň beýikliginiň ýarysyna deň edeliň:

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

Näme ýetirändigimize seredeliň:

Задание 1

Div berlen. Oňa gözegçilik meýdanynyň beýikliginiň 30%-ine deň ýokardan aralyk belgileň.

Задание 2

Div berlen. Oňa gözegçilik meýdanynyň iniň 70%-ine deň ini we beýikligini belgileň.