CSS3 бизге көрүү портуна салыштырмалуу бирдиктерди берет. 100vw көрүү аянтынын 100% туурасын билдирет. 100vh; 100% бийиктик.
100vh 100% менен бирдейби?
Мисалы, көрүү портунун бирдиктери элементтердин бирдей бийиктиги/туура стекин түзүүгө аракет кылганда пайдалуу болушу мүмкүн. … Тескерисинче, бийиктик: 100vh элемент DOMде кайсы жерде жайгашканына карабастан көрүү портунун бийиктигинин 100% болот.
VH CSSде эмнени билдирет?
vh & vw. vh көзөмөлдүн бийиктиги дегенди билдирет жана vw көрүнүш аянтынын кеңдигин билдирет. Демек, элементтин туурасы 50vw маанисине коюлса, элементтин туурасы көрүү терезесинин өлчөмүнүн 50%га барабар болот дегенди билдирет жана бул көрүнүш терезенин өлчөмү өзгөртүлгөндө да ошол бойдон калат.
Бойумду кантип 100vh кылып өзгөртө алам?
бийиктиги: 100vh; бул элементтин бийиктиги көрүү аянтынынбийиктигинин 100% барабар экенин билдирет. мисал: бийиктиги: 50vh; Экраныңыздын бийиктиги 1000 пиксель болсо, элементиңиздин бийиктиги 500 пикселге (1000 пикселдин 50%) барабар болот. бийиктик: calc(100% - 100px); элементтин маанисин колдонуу менен анын өлчөмүн эсептейт.
Эмне үчүн бийиктик 100% иштебей жатат?
Стиль эрежесинин бийиктигин колдонуп, div контейнеринин бийиктигин серепчи терезесинин 100% кылып коюуга аракет кылсаңыз: 100%; ал иштебейт, анткени пайыз (%) салыштырмалуу бирдик болгондуктан, натыйжадагы бийиктик негизги элементтин бийиктигинен көз каранды.
