Ի՞նչ նպատակով են օգտագործվում vh և vw չափման միավորները CSS-ում չափսեր նշելու ժամանակ։

CSS-ում vh և vw չափման միավորները օգտագործվում են դիտման դաշտի (viewport) չափերի նկատմամբ հարաբերական չափեր նշելու համար:

• vh (դիտման բարձրություն): Նշում է դիտման դաշտի բարձրության 1%-ը:
• vw (դիտման լայնություն): Նշում է դիտման դաշտի լայնության 1%-ը:

Նրանց հիմնական նպատակն է ստեղծել արձագանքող դիզայն, որտեղ տարրերի չափերը կախված են ընթացիկ դիտման պատուհանի չափերից և ոչ թե ֆիքսված արժեքներից պիքսելներով կամ ծնողական տարրերի չափերից: Սա թույլ է տալիս հեշտությամբ չափել ամբողջ բարձրության կամ լայնության հատվածներ, տառատեսակներ, պատկերներ և այլ կոմպոնենտներ, ապահովելով հարմար դիտում տարբեր էկրանների վրա:

Օրինակ՝

• height: 100vh; — տարրին տալիս է 100% բարձրություն դիտման դաշտից:
• width: 50vw; — տարրին տալիս է 50% լայնություն դիտման դաշտից: