Ajụjụ a na-ajụkarị na imewe weebụ bụ "olee otu ị ga - esi mee ka ịdị elu nke otu ihe dị 100%"?
Nke a nwere ike iyi ihe dị mfe. Naanị ị na-eji CSS mee ka elu nke otu mmewere ruo 100%, mana nke a adịghị agbatị mgbe ahụ ka ọ dabara window windo niile. Ka anyị chọpụta ihe mere nke a ji eme ma ihe ị nwere ike ime iji nweta ụdị ngosi a.
Ihe nkwụsị na pasent
Mgbe ị kọwaa ịdị elu nke ihe mmewere site na iji CSS ala na uru nke na-eji pikselụ, nke ahụ ga-ewepụta ohere dị ukwuu na ntanetị.
Dịka ọmụmaatụ, paragraf dị elu: 100px; ga - ewe 100 pikselụ nke oghere dị na nhazi gị.Ọ dịghị mkpa otú window windo gị si dị elu, nke a ga - abụ 100 pixels n'ịdị elu.
Pasentages na-arụ ọrụ dị iche iche karịa pixels. Dị ka nkọwa W3C si kwuo, a na-atụkwasị elu elu pasent n'ihe banyere akpa ahụ. Ya mere ọ bụrụ na ị tinyere paragraf dị elu: 50%; n'ime oghere nke nwere 100px dị elu, paragraf ahụ ga-enwe 50 pixels n'ịdị elu, nke bụ pasent 50 nke ihe nne na nna ya.
Ihe mere na pasent ugwu abaghị uru
Ọ bụrụ na ị na-emepụta ibe weebụ, ma ị nwere kọlụm nke ịchọrọ iwepụta elu nke windo ahụ, ọchịchọ anụ ahụ bụ ịgbakwunye elu: 100%; na nke ahụ. E kwuwerị, ọ bụrụ na ịtọ obosara n'obosara: 100%; ihe mmewere ga-ewepụta ohere zuru ezu nke ihu na peeji ahụ, yabụ ịdị elu kwesịrị ịrụ ọrụ otu, nri? O di nwute, nke a abughi ikpe ahu.
Iji ghọta ihe mere nke a ji eme, ị ghaghị ịghọta otú ndị nchọgharị si kọwaa ịdị elu na obosara. Ihe nchọgharị weebụ na-agbakọọ ọnụ ọgụgụ zuru ezu dị ka ọrụ nke otú e si meghee window windo. Ọ bụrụ na i tinyeghị ụkpụrụ obosara ọ bụla na akwụkwọ gị, ihe nchọgharị ahụ ga-agbaba ọdịnaya ahụ iji mejupụta obosara nke windo (100% obosara bụ ndabara).
A na-atụle uru dị elu dị iche iche karịa obosara. N'eziokwu, ndị nchọgharị anaghị atụle elu dị elu ma ọ bụrụ na ọdịnaya dị ogologo nke na ọ na-aga n'èzí nke ọdụ ụgbọ mmiri (ya mere a chọrọ mkpịsị akwụkwọ mpịakọta) ma ọ bụ ma ọ bụrụ na onye mmepụta weebụ setịpụrụ dị elu maka ihe dị na ibe. Ma ọ bụghị ya, ihe nchọgharị ahụ na-eme ka ọdịnaya dị n'ime obosara nke ọdụ ụgbọ mmiri ruo mgbe ọ ga-abịa na njedebe. Edịghị elu dị elu ma ọlị.
Nsogbu na-eme mgbe ị setịpụrụ ịdị elu pasent na ihe mmewere nwere nne na nna n'emeghi ka elu - na okwu ndị ọzọ, ndị nne na nna nwere ihe dị elu: akpaaka; . Ị dị, dị ka a pụrụ isi kwuo ya, ị rịọ ka nchọgharị ahụ gbakọọ ịdị elu site na njirimara undefined. Ebe ọ bụ na nke ahụ ga-abụ null-uru, nsonaazụ bụ na ihe nchọgharị ahụ adịghị eme ihe ọ bụla.
Ọ bụrụ na ịchọrọ ịtọ elu na ibe weebụ gị na pasent, ị ghaghị ịtọ ntọala nke ọ bụla nne na nna nke otu ịchọrọ ka a kọwaa elu. N'okwu ndị ọzọ, ọ bụrụ na ịnwere ibe dịka nke a:
Ọdịnaya ebe a
Ma eleghị anya, ịchọrọ ịkọ na paragraf dị na ya iji nwee 100% elu, mana nkedo nwere n'ezie nne na nna abụọ :
ma. Iji kọwaa ịdị elu nke nkedo na ogo dị elu, ị ghaghị ịtọ elu nke ahụ na ihe html.
Ya mere ị ga-eji CSS mee ka elu nke ọ bụghị naanị nkedo, kamakwa ahụ na html. Nke a nwere ike ịbụ ihe ịma aka, ebe ọ bụ na ihe ọ bụla a na-etinye na 100% n'ogologo nwere ike ịdaba ngwa ngwa, naanị iji nweta mmetụta a chọrọ.
Ihe ụfọdụ ị ga-ahụ mgbe ị na-arụ ọrụ na 100% Ebe ugwu
Ugbu a na ị maara otu esi edozi ịdị elu nke ihe nchọgharị gị na 100%, ọ nwere ike ịbụ ihe na-akpali akpali ịpụ ma mee ya na ibe gị niile, ma e nwere ihe ole na ole ị kwesịrị ịma:
- Ngalaba na padding nwere ike ịgbakwunye ebe mpịakọta ebe ị na-achọghị otu. Otu n'ime ihe ndị kachasị iwe na achọtara m na-arụ ọrụ na pasent dị elu (na obosara) bụ na mgbe ahụ, mpempe akwụkwọ na akụkụ dị n'akụkụ ndị ahụ nwere ike ịgbakwunye mkpịsị akwụkwọ mpịakọta gaa na ibe ahụ, ọ bụ ezie na ọdịnaya niile gosipụtara na-enweghị mkpa akwụkwọ mpịakọta. Nke a bụ n'ihi na elu ma ọ bụ obosara nke mmewere bụ ihe mbụ a gbakọọ. Mgbe ahụ, agbakwunyere n'akụkụ aka na ụda. Ya mere ọ bụrụ na ị nwere mmewere na ogo 100% na akụkụ ala na ala nke 10 pikselụ ọ bụla, a ga-enwe mkpịsị akwụkwọ mpịakọta maka ihe 20 pikselụ. Cheta, CSS igbe nlereanya na-agbakwụnye oke, ókèala, na nkwụsị na nha nke mmewere, ya mere 100% na nke ọ bụla n'ime ndị ọzọ igbe igbe nlereanya ga-abụ ihe karịrị 100%.
- Ọ bụrụ na ọdịnaya gị na-ebuli karịa ọkwa dị elu, ọ ga-edegharị ihe ọ bụla mgbe ọ gasịrị. N'ikwu ya n'ụzọ ọzọ, ọ bụrụ na ị nwere imewe na kọlụm nke dị 80% n'ịdị elu, ọdịnaya nke dị n'ime ya ga-ewe 100% nke dị elu, na ntinye 20% ga-aga n'ihu n'okpuru kọlụm ahụ ma mebie ime ihe ngosi nke ibe gị. Ọ bụrụ na ọdịnaya dị n'okpuru ebe a, ederede ga-ede n'elu ya. M na-ahụkarị nke a mgbe onye mmebe weebụ na-anwa ịmanye elu nke ibe ma mee ka ọ na-arụ ọrụ n'ụzọ zuru oke maka mwepụta, ma mgbe ọdịnaya dị na peeji ahụ gbanwere n'ọdịnihu, ebe kachasị elu ha ga-agbaji mmepụta nke ibe. Nke a bụ eziokwu ugboro abụọ mgbe ị na-ewu ụlọ ọrụ na-anabata ozi ọma nke ebe obosara na ịdị elu kwesịrị ịgbanwe na nha nke ọdụ ụgbọ mmiri ahụ.
Iji dozie nke a, ị nwere ike ịtọ elu nke mmewere ya. Ọ bụrụ na ịtọọ ya na akpaaka, ihe nkwụnye mpịakọta ga-apụta ma ọ bụrụ na achọrọ ha mana ha ga-apụ n'anya ma ọ bụrụ na ha abụghị. Nke ahụ na-edozi oge nlere anya, ma ọ na-agbakwunye akwụkwọ mpịakọta ebe ị nwere ike ị gaghị achọ ha.
Iji Unportport Units
Ụzọ ọzọ ị ga - esi merie nsogbu a bụ iji nnwale CSS Viewport. Site n'iji oghere eletriki elu nke mmụba, ị nwere ike ibu ihe dị iche iche iji nweta ọkwa dị elu nke ọdụ ụgbọ mmiri ahụ, nke ahụ ga-agbanwe dị ka mgbanwe ntụgharị ụgbọelu! Nke a bụ ụzọ dị mma iji nweta 100% elu visualụ na ibe ma ka na-agbanwe maka ngwaọrụ dị iche iche na nha ihuenyo.