CSSте өлчөмдөрдү белгилегенде vh жана vw өлчөм бирдиктери эмне үчүн колдонулат?

CSSте vh жана vw өлчөм бирдиктери браузердин көрүү аймагына (viewport) салыштырмалуу өлчөмдөрдү көрсөтүү үчүн колдонулат.

• vh (көрүү бийиктиги): Көрүү аймагындагы бийиктин 1%ин көрсөтөт.
• vw (көрүү кеңдиги): Көрүү аймагындагы кеңдиктин 1%ин көрсөтөт.

Алардын негизги максаты — элементтердин өлчөмдөрү учурдагы браузер терезесинин өлчөмдөрүнө көз каранды болуучу адаптивдүү дизайн түзүү, пикселдерде же ата-элементтердин өлчөмдөрүндө катуу маанилерден айырмаланып. Бул элементтерди, мисалы, экрандын толук бийиктиги же кеңдиги боюнча бөлүмдөрдү, шрифттерди, сүрөттөрдү жана башка компоненттерди оңой масштабдоого мүмкүндүк берет, ар кандай экран өлчөмдөрү бар түзмөктөрдө ыңгайлуу көрүү тажрыйбасын камсыз кылат.

Мисалы:

• height: 100vh; — элементти көрүү аймагындагы 100% бийиктикке кылат.
• width: 50vw; — элементти көрүү аймагындагы 50% кеңдикке кылат.