CSS3 нь бидэнд харах хэсэгтэй харьцах нэгжүүдийг өгдөг. 100vw гэдэг нь харах цонхны өргөний 100% гэсэн үг. 100vh; өндрийн 100%.
100vh нь 100%-тай ижил үү?
Жишээ нь, элементийн өндөр/өргөнтэй ижил стек үүсгэхийг оролдох үед харах хэсэг нь хэрэг болно. … Үүний эсрэгээр, өндөр: 100vh нь элемент DOM-д хаана байрлаж байгаагаас үл хамааран харах цонхны өндрийн 100% байх болно.
CSS дээр VH гэж юу гэсэн үг вэ?
vh & vw. vh нь viewport height гэсэн үг, vw нь харах цонхны өргөнийг илэрхийлнэ. Иймд элементийг 50vw өргөнтэй утгаар тохируулснаар тухайн элемент нь харах талбарын хэмжээнээс 50%-тай тэнцэх өргөнтэй байх ба харах цонхны хэмжээг өөрчлөх үед энэ нь хэвээр үлдэнэ гэсэн үг.
Би өндрөө хэрхэн 100vh болгох вэ?
өндөр: 100vh; Энэ элементийн өндөр нь харах цонхны өндрийн-ийн 100% -тай тэнцүү байна гэсэн үг. жишээ: өндөр: 50vh; Хэрэв таны дэлгэцийн өндөр 1000px бол таны элементийн өндөр 500px (1000px-ийн 50%)-тай тэнцүү байх болно. өндөр: тооцоо (100% - 100px); элементийн утгыг ашиглан элементийн хэмжээг тооцоолох болно.
Өндөр яагаад 100% ажиллахгүй байна вэ?
Хэрэв та загварын дүрмийн өндрийг ашиглан div савны өндрийг хөтчийн цонхны 100% болгож тохируулахыг оролдвол: 100%; Энэ нь ажиллахгүй, учир нь хувь (%) нь харьцангуй нэгж тул гарах өндөр нь эх элементийн өндрийн өндрөөс хамаарна.
