Барои чӣ во вақти муайян кардани андозаҳо дар CSS аз воҳидҳои measurement vh ва vw истифода мешавад?

Бодишамолари vh ва vw дар CSS барои нишон додани андозаҳо нисбат ба андозаи минтақаи тамошо (viewport) истифода мешаванд.

• vh (баландии тамошо): 1% аз баландии минтақаи тамошо нишон медиҳад.
• vw (дарзии тамошо): 1% аз дарзии минтақаи тамошо нишон медиҳад.

Мақсади асосии онҳо эҷоди тарҳи ҷавобгӯ аст, ки дар он андозаҳои унсурҳо аз андозаҳои ҳозираи тирезаи браузер вобастаанд, на аз арзишҳои муқарраршуда дар пикселҳо ё андозаҳои унсурҳои падар. Ин имкон медиҳад, ки унсурҳо ба осонӣ ба монанди қисмҳои пурра дар баландӣ ё дарозии экран, ҳарфҳо, тасвирҳо ва дигар компонентҳо, ки ба андозаи экранҳои гуногун мувофиқанд, танзим карда шаванд.

Масалан:

• height: 100vh; — унсурро дар баландии 100% аз баландии минтақаи тамошо мекунад.
• width: 50vw; — унсурро дар дарозии 50% аз дарозии минтақаи тамошо мекунад.