CSS හි vw සහ vh ඒකක

vw සහ vh ඒකක ඔබට බ්‍රවුසර් කවුළුවේ දර්ශන ප්‍රදේශයට සාපේක්ෂව ප්‍රමාණය නියම කිරීමට ඉඩ සලසයි. අපි උදාහරණයක් බලමු.

අපට නිශ්චිත div එකක් ඇතැයි සිතමු:

<div></div>

අපි එයට දර්ශන ප්‍රදේශයේ පළලෙන් අඩක් පළලක් සහ දර්ශන ප්‍රදේශයේ උසෙන් අඩක් උසක් නියම කරමු:

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

අපිට ලැබුණු ප්‍රතිඵලය බලමු:

Div එකක් දෙනු ලැබේ. එයට දර්ශන ප්‍රදේශයේ උසෙන් 30% ට සමාන ඉහළ මායිමක් (margin-top) නියම කරන්න.

Div එකක් දෙනු ලැබේ. එයට දර්ශන ප්‍රදේශයේ පළලෙන් 70% ට සමාන පළලක් සහ උසක් නියම කරන්න.