E aʻo i kaʻikeʻana o nā pūnaewele pūnaewele i kahi hōʻike ma ka hoʻohanaʻana i nā kumukūʻai o ka helu
He nui nā haumāna o ka'ōnaewele pūnaewele e pane mai ana i kahi manawa paʻakikī e hoʻohana ana i nā pākēka no nā kaulike kaulike. Eia kekahi, aia ka huikau me kaʻikeʻana o ka polokalamu kelepona i kēlā mau helu. Ma lalo iho nei eʻikeʻoe i ka ho'ākāka pihaʻana i keʻano o nā hana maʻamau no ka whānui o nā heluʻana i kahi pūnaewele pane.
Ke hoʻohanaʻana i nā Pixels no nā Uila Wili
Ke hoʻohanaʻoe i nā pixels e like me ke ana o ka laula, pono pololei nā hualoaʻa. Inā hoʻohanaʻoe i CSS e hoʻonohonoho i ka'ilā laulā o ka mea i loko o ke poʻomanaʻo o kahi palapala i 100 pixels ākea, e like ka nui o kēlā me kēia i hoʻonohonohoʻia i 100 pixels ma ka pūnaewele o ka pūnaewele a iʻole ka wāwae a iʻole nāʻaoʻao'ē aʻe o ka pūnaewele. ʻaoʻao. Piʻi nā pixels pono loa, no laila, 100 pika piila he 100 pikaʻole ma kahi iʻikeʻia ai kāu palapala. ʻO ka pōʻino,ʻoiai nā maʻalahi pixel hiki ke maʻalahi,ʻaʻole lākou e hana maikaʻi ma nā pūnaewele pane.
Ua kohoʻo Ethan Marcotte i ka hua'ōlelo "mea hoʻohana pūnaewele", e wehewehe ana i kēia ala e like me 3 mau poʻokela kumuhana:
- ʻO kahi māmāʻike
- ʻO ka pāpāho wai
- Nā hulina Media
ʻO nā mau kumuʻeluaʻelua, kahi māmā a me nā media media, ua loaʻa ma o ka hoʻohanaʻana i nā hapahelu, ma mua o nā pixels, no nā kumukūʻai nui.
Ke hoʻohanaʻana i nā'Alaki no nā Uila Wili
Ke hoʻohanaʻoe i nā paʻamau no ka hoʻokumu i kahi ākea no kekahi mea,ʻo ka nui maoli i hōʻikeʻia ke kikowaena e like me ka wahi i loko o ka palapala. ʻO nā hapaʻumi he kaona pili,ʻo ia hoʻi ka nui i hōʻikeʻia e pili ana i nā kumuhana'ē aʻe i kāu palapala.
No ka laʻana, inā hoʻonohonohoʻoe i ka whānui o ke kiʻi i 50%, ʻaʻole kēia manaʻoʻaʻole e hōʻike ke kiʻi i ka hapalua o kona nui maʻamau. He kuhi likeʻole kēia.
Inā loaʻa ke kiʻi i 600 pixels ākea, a laila, hoʻohanaʻia ka helu CSS e hōʻike i 50%ʻaʻole ia e manaʻo he 300 pixels ka laulā ma ka pūnaewele pūnaewele. Ua heluʻia kēia helu o ka helu helu ma muli o ka'okumu i loko o kēlā kiʻi,ʻaʻole ka nui maoli o ka kiʻi pono'ī. Inā loaʻa ka pahu (kahi hiki ke hoʻokaʻawale a iʻole kekahi mea'ē aʻe HTML) he 1000 pixels ākea, a laila e hōʻikeʻia ke kiʻi ma 500 pixels mai ka 50% o ka whānui o ka pahu. Inā he pae 400 pixels kaʻene i loaʻa, a laila e hōʻike waleʻia ke kiʻi ma 200 pixels, no ka mea, he 50% ka pahu. ʻO ke kiʻi i nīnauʻia maʻaneʻi he 50% ka nui e hilinaʻi nui ana i ka māhele i loko.
E hoʻomanaʻo, hoʻolālā maikaʻi ka manaʻo. Hiki ke hoʻololi i nā hoʻolālā a me nā nui i ka hoʻololiʻana o ka nui o nā hiʻohiʻona / hoʻololi . Ināʻoe e noʻonoʻo e pili ana i kēia ma ke kino, kahiʻole pūnaewele, ua like ia me ka pahu pahu pahu e hoʻopiha aiʻoe i nā mea hoʻopili. Ināʻoe e'ōlelo i ka hapalua e hoʻopihaʻia i kēlā mea, eʻokoʻa ka nui o ka hōʻailona āu e makemake ai ma muli o ka nui o ka pahu. Hoʻoholo pololei kēia no ka hapene o nā aniani i ka hoʻolālā pūnaewele.
ʻElua haʻawina e like me nā mea'ē aʻe
Ma ke kiʻi / pahu hanana, ua hoʻohana wau i nā helu pika no kaʻene i loko e hōʻike i kaʻikeʻana o ke kiʻi e pane. Ma kaʻoiaʻiʻo, e hoʻonohonohoʻia ka pae i loko o ka pakeneka a me ke kiʻi, a me nāʻano'ē aʻe, i loko o kēlā pahu e loaʻa ai kā lākou mau waiwai i hoʻonohonohoʻia ma ka hapeneka o ka pakeneka.
Eia kekahi kumu'ē aʻe e hōʻike ana i kēia ma keʻano.
E'ōlelo i kāu pūnaewele kahi i loko o ka māhele o kahi pūnaewele me kahi papa "pahu" (kahi hana hoʻopuka pūnaewele maʻamau). Ma loko o kēlā mahele, heʻekolu mau mahele'ē aʻe e hoʻomaʻamaʻa aiʻoe e hōʻike iʻekolu kolamu. Hiki i kēia HTML ke nānā i kēia:
I kēia manawa, hiki iāʻoe ke hoʻohana i CSS e hoʻonohonoho i ka nui o kēlā me kēia "pahu" e'ōlelo 90%. Ma kēia hiʻohiʻona,ʻaʻohe mea'ē aʻe e hoʻopuni ai i kaʻokoʻa pahu ma waho o ke kino,ʻaʻole mākou i hoʻonoho i kekahi waiwai kūpono. Ma ke kuhi, e hoihoi ka kino i 100% o ka puka makani. Nolaila, o ka puunaue puunaue "pahu" e kauia ma ka nui o ka puka makani. E like me ka puka o ka puka pūnaewele i ka nui, pēlā ka nui o kēia "pahu". No laila, inā he 2000 pixels ākea ka puka punaewele, e hōʻikeʻia kēia mahele i 1800 pika. Ua heluʻia kēia me 90-pakeneka o 2000 (2000 x .90 = 1800),ʻo ia ka nui o ka polokalamu kele pūnaewele.
Inā hoʻokaʻawaleʻia kēlā me kēia'āpana "col" i loko o ka "pahu" i 30%, a laila e loaʻa iā lākou he 540 pika piila ma kēiaʻano. Ua heluʻia kēia me 30% o nā 1800 pika e like me ka hoʻounaʻana o ka pahu i (1800 x .30 = 540). Inā mākou e hoʻololi i ka pakeneka o kēlā pahu, e loli paha kēia mauʻokoʻa i loko o ka nui a lākou e hāʻawi ai ma muli o ko lākou hilinaʻiʻana i kēlā mehana.
E noʻonoʻo mākou e mau ana nā pūnaewele pūnaewele ma 2000 pixels ākea, akā, hoʻololi mākou i ka helu helu o ka pahu i 80% ma kahi o 90%. ʻO ia hoʻi, e hāʻawi ana ia i 1600 pixels i kēia manawa (2000 x .80 = 1600). Ināʻaʻole mākou e hoʻololi i ka CSS no ka nui o ko mākou mau'āpana'āpana 3 "col", a waiho iā lākou i 30%, e hoʻololi lākou i kēia manawa mai ko lākou waihona, kahi i hoʻopiliʻia e ka nui o lākou, ua hoʻololi. ʻO kēia mau māheleʻekolu e hāʻawiʻia i kēia manawa he 480 pixels ākea, 30% o 1600, aiʻole ka nui o ka pahu (1600 x .30 = 480).
E lawe hou i kēia, inā he kiʻi i loko o kekahi o kēia mau māhele "col" a ua nui ka kiʻi ma kahi pākēneka,ʻo ka pōʻaiapili no konaʻikeʻanaʻo ia ka "col" pono'ī. I ka hoʻololiʻana o kēlā kōpana "col" i ka nui, pēlā nō ke kiʻi i loko. No laila, inā hoʻololi ka nui o ka polokalamu kele pūnaewele a iʻole ka "pahu",ʻo ia ka mea e pili ana i nā mahele "col"ʻekolu, a laila e hoʻololi i ka nui o ke kiʻi ma loko o ka "col." E like me kāu eʻike ai, ua pili like kēia mau mea hiki mai ia i nā kumukūʻai hoʻonui i ka hapene.
Ke noʻonoʻoʻoe i ka hopena o ka mea i loko o kahi pūnaewele i ka hoʻohanaʻana i ka helu haʻawina no kona ākea, ponoʻoe e hoʻomaopopo i ka mea i noho ai kēlā mea i ka'ōkuhi o kaʻaoʻao.
I ka Hōʻuluʻulu
Hoʻoikaika nui ka'eneene i ka hanaʻana i ka papahana no nā pūnaewele pane . Ināʻoe he kiʻi nui e pane mai aiʻole e hoʻohana ana i nā pākēneka welika no ka hanaʻana i ka māmā pono e like me nāʻano i pili i kekahi i kekahi, pono e maopopo kēia mau helu no ka loaʻaʻana o ka nānā āu e makemake ai.