CSS-ში vw და vh ერთეულები

vw და vh ერთეულები საშუალებას გვაძლევს დავაყენოთ ზომა ბრაუზერის ფანჯრის ხედვის არეალთან მიმართებით. მოდით შევხედოთ მაგალითს.

დავუშვათ, გვაქვს გარკვეული div:

html<div></div>

მოდით მივანიჭოთ მას სიგანე ხედვის არეალის სიგანის ნახევარი და სიმაღლე ხედვის არეალის სიმაღლის ნახევარი:

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

მოდით ვნახოთ, რა გამოგვივიდა: