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:
<div></div>
Uzstādīsim tam platumu, kas ir puse no skata apgabala platuma, un augstumu, kas ir puse no skata apgabala augstuma:
div {
width: 50vw;
height: 50vh;
margin: 30px auto;
border: 1px solid red;
}
Paskatīsimies, kas mēs iegūsim:
Dots div. Uzstādiet tam augšējo atkāpi, kas vienāda ar
30% skata apgabala augstuma.
Dots div. Uzstādiet tam platumu un augstumu, kas vienāds ar
70% skata apgabala platuma.