1Viewport Width (vw). This unit is based on the width of the viewport.
2A value of 1vw is equal to 1% of the viewport width.
1/*vh viewport height and vw viewport width*/
2/*example*/
3div
4{
5 display: inline-block;
6 height: 100vh; /*THis will set height equal to the height of windows*/
7 width: 100vw/*This will set width equal to width of windows*/
8}
1/*
2vh Relative to 1% of the height of the viewport*
3*/
4<!DOCTYPE html>
5<html>
6<head>
7<style>
8h1 {
9 font-size: 20vh;
10}
11</style>
12</head>
13<body>
14
15<h1>Hello</h1>
16
17<p>Resize the height of the browser window to see how the font-size of h1 changes.</p>
18<p>1vh = 1% of viewport height.</p>
19<p>The vh unit is not supported in IE8 and earlier.</p>
20
21</body>
22</html>
23
24/*
25I hope it will help you.
26Namaste
27Stay Home Stay Safe
28*/
1Viewport Width (vw). This unit is based on the width of the viewport. A value of 1vw is equal to 1% of the viewport width. Viewport Minimum (vmin). This unit is based on the smaller dimension of the viewport.