CSS හි vw සහ vh ඒකක

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

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

html<div></div>

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

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

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