ʻO kekahi nīnau i nīnauʻia i ka hoʻolālā pūnaewele he "peheaʻoe e hoʻonoho ai i ke kiʻekiʻe o kekahi māhele i ka 100%"?
He mea maʻalahi paha kēia. Hoʻohanaʻoe i ka CSS e hoʻonohonoho i ke kiʻekiʻe o kekahi māhele a 100%, akā,ʻaʻole kēia e hoʻohālikelike pinepine i kēlā māhele e kūpono i ka puka makani pūnaewele. Eʻike i ka hopena o kēia hana a me kāu mea e hiki ai ke hoʻokō i kēiaʻano kiʻi.
Pixels a me nā keneta
Ke ho'ākākaʻoe i ke kiʻekiʻe o kekahi mea me ka hoʻohanaʻana i ka waiwai CSS a me kahi waiwai e hoʻohana ana i nā pika, e hāpaiʻia kēlā mea i ka nui o ka mākau ma ka polokalamu kele pūnaewele.
Eia kekahi laʻana, he palaka me kahi kiʻekiʻe: 100px; E lawe i 100 pixels o ka hakahaka ma kāu hoʻolālā.Iʻole ia i ka nui o ka puka o kāu polokalamu kelepona, e lilo kēia memei i 100 pika ke kiʻekiʻe.
Hoʻokahi haneli ka hana ma mua o nā pika. Wahi a ka'ōlelo W3C, ua heluʻia nā kiʻekiʻe haʻawina e pili ana i ka kiʻekiʻe o ka pahu. No laila, ināʻoe e kau i kahi palakala me ke kiʻekiʻe: 50%; i loko o ka div me ke kiʻekiʻe o 100px,ʻo ka pauku he 50 pixels ke kiʻekiʻe,ʻo ia hoʻi 50% o ka mea makua.
Ke kumu o ka hapaha o ka nui o ka hapa
Ināʻoe e hoʻolālā i kahi pūnaewele pūnaewele, a he kolamu kāu e makemakeʻoe e piʻi i kahi kiʻekiʻe o ka puka makani,ʻo ka manaʻo maoli e hoʻonui i kahi kiʻekiʻe: 100%; i kēlā mea. A laila, inā hoʻonohonohoʻoe i ka laulā i ka laulā: 100%; e hoʻonui ka pae i ka wahi kūʻokoʻa piha o kaʻaoʻao, e like me ke kiʻekiʻe e hana i ka mea hoʻokahi, pololei? ʻO ka mea pōʻino,ʻaʻole pono kēia.
No ka hoʻomaopopoʻana i ke kumu o kēia hana, ponoʻoe e maopopo i kaʻikeʻana o nā pūnaewele i ka kiʻekiʻe a me ka laulā. Hiki i nā pūnaewele pūnaewele ke helu i ka whānui o ka whānui i loaʻa e like me keʻano o ka hāmama o ka puka o ka polokalamu kele pūnaewele. Ināʻaʻoleʻoe e hoʻonoho i nā kūlana kaulike ma kāu mau palapala, e hoʻopau pono ka polokalamu kelepona i nā mea e hoʻopihapiha i ka laulā o ka puka (100% whānui ke koho).
Ua hoʻonuiʻia ka nui o ke kiʻekiʻe ma mua o ka whānui. ʻO ka meaʻoiaʻiʻo,ʻaʻole nā loiloi e loiloi i ka kiʻekiʻe keʻole ka lōʻihi o ka lōʻihi e hele ana i waho o ka paepae puka (pēlā e makemake ai i nā kī palepa) aiʻole inā hoʻonohonoho ka mea hoʻolāki pūnaewele i kahi kiʻekiʻe kiʻekiʻe no kekahi mea ma kaʻaoʻao. Ināʻole, hiki i ka polokalamu kelepona ke kaomi i ka puna o loko ma loko o ka laulā o ke kaomiʻana a hiki i ka hopena. ʻAʻole i helu maoliʻia ka kiʻekiʻe.
Hanaʻia nā pilikia ma kāu hoʻonohoʻana i kahi kiʻekiʻe o ka piʻiʻana ma kahi māmā me nā māmā makua me kaʻole o nā kiʻekiʻena -ʻo nā hua'ōlelo'ē aʻe,ʻo nā māmā makua kekahi kiʻekiʻe kiʻekiʻe: auto; . Ke noi neiʻoe i ka polokalamu kele pūnaewele no ka heluʻana i kahi kiʻekiʻe mai kahi maikaʻiʻole. No ka mea, he likeʻole ka waiwaiʻole o ka polokalamu kelepona.
Inā makemakeʻoe e hoʻonohonoho i kahi kiʻekiʻe ma kāu mau pūnaewele i kahi pakeneka, ponoʻoe e hoʻonohonoho i ke kiʻekiʻe o kēlā me kēia māhele makua o kahi āu e makemake ai i ke kiʻekiʻe. Ma nā'ōlelo'ē aʻe, inā loaʻa kāuʻaoʻao e like me kēia:
Loaʻa maʻaneʻi
Makemake pahaʻoe i ka div a me ka pauku i loko o laila e loaʻa ka 100% ke kiʻekiʻe, akāʻo ka div heʻelua mau māmā makua:
a. I mea e wehewehe ai i ka kiʻekiʻe o ka div i kahi kiʻekiʻe pili, pono e hoʻonoho i ke kiʻekiʻe o ke kino a me nā html mau.
No laila, ponoʻoe e hoʻohana i CSS e hoʻonoho i ke kiʻekiʻe o ka māhele wale nō, akā,ʻo ke kino a me nā html. He mea paʻakikī kēia, no ka mea hiki iāʻoe ke loli koke i nā mea a pau i hoʻonohonohoʻia i 100% ke kiʻekiʻe, akā, e hoʻokō i kēia hopena i makemakeʻia.
Nā mea eʻike ai i ka hanaʻana me 100% Huina
I kēia manawa uaʻikeʻoe i ka hoʻonohonohoʻana i ke kiʻekiʻe o kāu mau'aleme i 100%, hiki i ka mea hoihoi ke puka aku a hana i kēlā i kāu mauʻaoʻao, akā he mau meaʻuʻukuʻoe eʻike ai:
- Hiki i nā kaha a me nā paleʻana ke hoʻohui i kahi pā palalau kahi āu e makemakeʻole ai. ʻO kekahi o nā meaʻoi loa o ka hoʻonāukiuki iʻikeʻia me ka hanaʻana me ka pākēkelē kiʻekiʻe (a me nā laulā)ʻo ia hiki i nā pale a me nā kahaʻaoʻao ma luna o kēlā mauʻano pono'ī ke hoʻouka i nā pola palaka i kaʻaoʻao,ʻoiai nā mea a pau e hōʻike me kaʻole e makemake i nā pā palaka. ʻO ke kumu kēia no ka mea o ke kiʻekiʻe a iʻole ka laulā o ke kumuhana ka mea mua i heluʻia. A laila hoʻokomoʻia nāʻaoʻao a me nā hoe. No laila inā loaʻa iāʻoe kekahi mea me kahi kiʻekiʻe o 100% a me ka palena kiʻekiʻe a me lalo o 10 mau pika i kēlā me kēia, aia kahi poho scroll no nā hua'ōlelo 20 he 20. E hoʻomanaʻo, ua hoʻohui ka pahu CSS i ka palena, ka palena, a me ka paleʻana i ka nui o kekahi māwae, no laila, 100% me kekahi o kēlā mau pahuhopu hoʻohālike'ē aʻe e lilo maoli i 100%.
- Ināʻoi aku ka nui o kāuʻike ma mua o ka kiʻekiʻe i kauʻia, e kahakaha i kahi mea ma hope o ia. I nā hua'ōlelo'ē aʻe, inā iāʻoe he hoʻolālā me kahi kolamu i 80% ka lōʻihi, aʻo ka mea ma loko o laila e piʻi i 100% o ke kiʻekiʻe,ʻo ka hoʻonuiʻana i 20% e mau nō i lalo o ke kolamu a uhaki i ke kiʻi kiʻi o kāuʻaoʻao. Inā he mea ma lalo o kēlā kolamu, e kākau wale iho ma luna o ka piko. ʻIke pinepine wau i kēia hana i ka wā e ho'āʻo ai ka mea hoʻolālā pūnaewele i ka kiʻekiʻe o kekahiʻaoʻao a loaʻa iā ia e hana pololei no ka hoʻokumuʻana, akā inā i ka loli o kēlāʻaoʻao i ka wā e hiki mai ana, e wāwahi loa nā paepae kiʻekiʻe i ka holoʻana o kaʻaoʻao. Heʻelua kūpono kēia i ka wā e kūkulu neiʻoe i nā pūnaewele pane e like me ka nui o ka laulā a me ke kiekie e like me ka nui o kaʻauhau.
No ka hoʻoponoponoʻana i kēia, hiki iāʻoe ke hoʻonohonoho i ke kiʻekiʻe o ka māmā. Ināʻoe e hoʻokomo i ka'ōmole, e wehe i nā pale keʻikeʻia inā makemakeʻia akā e nalowale ināʻaʻole lākou. E hoʻoponopono ana i ka haʻinaʻike, akā hoʻokomo i nā puke i kahi āu e makemakeʻole ai iā lākou.
Ke hoʻohanaʻana i nā Unite Viewport
ʻO kekahiʻaoʻao e hiki ai iāʻoe ke hoʻopilikia i kēia pahuhopu,ʻo ia ke hoʻokolohua me nā CSS Viewport Units. Ma ka hoʻohanaʻana i kahi kiʻekiʻe o kaʻeneʻike o ka ana, hiki iāʻoe ke hoʻonui i nā'enewa no ka laweʻana i kahi kiʻekiʻe o kaʻikepiliʻana, a laila e loliʻo ia i ka hoʻololiʻana o kaʻikepili! He ala maikaʻi kēia e loaʻa ai kāu mauʻike 100% kiʻekiʻe ma kahiʻaoʻao akā naʻe e maʻalahi mau lākou no nā'ōnaehana likeʻole a me nā nui o nā hiʻohiʻona.