VW un VH vienības CSS

Vienības vw un vh ļauj iestatīt izmēru attiecībā pret pārlūkloga skata apgabalu. Apskatīsim piemērā.

Pieņemsim, ka mums ir noteikts div:

html<div></div>

Uzstādīsim tam platumu, kas ir puse no skata apgabala platuma, un augstumu, kas ir puse no skata apgabala augstuma:

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

Paskatīsimies, kas mēs iegūsim:

Задание 1

Dots div. Uzstādiet tam augšējo atkāpi, kas vienāda ar 30% skata apgabala augstuma.

Задание 2

Dots div. Uzstādiet tam platumu un augstumu, kas vienāds ar 70% skata apgabala platuma.