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

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

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

<div></div>

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

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

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

მოცემულია div. მიუთითეთ მას ზედა ველი, რომელიც ტოლია 30% ხედვის არეალის სიმაღლისა.

მოცემულია div. მიუთითეთ მას სიგანე და სიმაღლე, რომელიც ტოლია 70% ხედვის არეალის სიგანისა.