Akohia pehea te whakatau a nga kaiwhakarato tukutuku ki te whakaatu ma te whakamahi i te uara o te uara
He maha nga akonga o te hoahoatanga tukutuku e aro ana he wa uaua ki te whakamahi i nga paerewa mo nga uara whanui. Ina koa, he raruraru kei te tautuhihia e te kaitohu aua paerewa. Kei raro nei ka kitea he taipitopito taipitopito o tehea paerewa e mahi ana mo nga tatauranga whanui i roto i te paetukutuku whakautu.
Te whakamahi i nga Pixels mo nga Uara Tawhānui
A, no te whakamahi i nga pika kia rite ki te uara whanui, he tino tika nga hua. Mena ka whakamahi koe i te CSS ki te tautuhi i te uara whanui o te huānga i te pane o te tuhinga ki te 100 pika te whanui, ko taua huānga ka rite te rahi ki te kotahi i whakaturia e koe ki te 100 pika ki te waahanga o te paetukutuku, ki te papawaewae ranei, ki etahi atu waahanga ranei o te Whārangi. Ko nga pixels he tino uara, na 100 nga pika he 100 nga pikaunga ahakoa kei hea to tuhinga kei te puta mai he huanga. Engari, ahakoa he ngawari ki te mohio nga uara pika, kaore e pai ana te whakahaere i nga paetukutuku.
I whakaemi a Ethan Marcotte i te kupu "whakaata tukutuku", ma te whakamarama i tenei waahanga e 3 nga tumuaki matua:
- He mahinga wai
- Kaupapa whakawhiti
- Nga uiui Media
Ko nga mea tuatahi e rua, he whakawhitiwhiti wai me te awhina rererangi, ka tutuki ma te whakamahi i nga wharau, kaore i nga pika, mo nga uara nui.
Te Whakamahia o te Whakataurau mo nga Uara Tawhānui
Ki te whakamahi koe i nga ōrau hei whakarite i te whanui mo te huānga, ka rere ke te rahi o te rahi e whakaatuhia ana e nga huanga i runga i te wahi kei roto i te tuhinga. Ko nga ōrau he utu nui, te tikanga ko te rahi e whakaatuhia ana e hāngai ana ki etahi atu mea i roto i to tuhinga.
Hei tauira, ki te whakaturia e koe te whanui o te ahua ki te 50%, kaore tenei i te tikanga ka whakaatu te ahua ki te hawhe o tona rahi. He pohehe noa tenei.
Mena he ataahua te ahua o nga pika 600 pika, ka whakamahi i te uara CSS hei whakaatu i te 50% ehara i te mea e 300 pika te whanui i te tirotiro tukutuku. Ko tenei uara o te uara e tohua ana i runga i te huānga kei roto tera ahua, ehara i te rahi o te ahua o te ahua. Mena ko te ipu (he wehewehenga ranei tetahi atu huānga HTML) he 1000 pika te whanui, ka whakaatuhia te ahua ki 500 pika mai i te mea ko te 50% te whanui o te ipu. Mena he 400 pika te whanui o te huānga, ka whakaatuhia anake te whakapakoko i nga pihanga 200, mai i te mea ko te 50% te ipurangi. Ko te ahua o te korero i konei he 50% te rahi e whakawhirinaki ana ki te huānga kei roto.
Kia mahara, he pai te hoahoa whakautu. Ka huri nga tahora me nga rahi i te huringa o te rahi o te mata . Ki te whakaaro koe mo tenei i roto i nga tikanga o te tinana, i te kore paetukutuku, he rite ki te pouaka pepa ka whakakiia e koe ki nga mea kohikohi. Ki te mea koe ko te pouaka kia haurua ki te whakakii i taua rauemi, ka rereke te nui o te taputapu e hiahiatia ana e koe i runga i te rahi o te pouaka. He pono hoki tenei mo te nui o te whanui i roto i te hoahoa tukutuku.
Ko nga Taurau e Tatau ana ki etahi Atu Pene
I roto i te tauira ahua / tauira, i whakamahia e ahau nga uara pika mo te huānga kei roto hei whakaatu i te ahua o te pikitia whakautu. I roto i te meka, ka whakaturia hoki te huanga i roto i te whakarau me te ahua, me etahi atu huinga, i roto i taua ipu ka whiwhi i nga uara i runga i te paheketanga o te ōrau.
Tenei tetahi atu tauira e whakaatu ana i tenei i roto i te mahi.
Meahia he paetukutuku koe kei hea te pae katoa i roto i te wehenga me te roopu "pouaka" (he mahi hoahoa tukutuku noa). I roto i taua wehenga etahi atu waahanga e toru ka taea e koe te hanga i te waa hei whakaatu i te 3 pourangi poutū. Kia penei pea te HTML:
Na, ka taea e koe te whakamahi CSS hei tautuhi i te rahi o taua waahanga "ipu" ki te 90%. I roto i tenei tauira, kaore he waahanga o te waahanga i te taha o te tinana, kaore nei i tautuhia ki tetahi uara motuhake. Ma te taunoa, ka tukuna e te tinana te 100% o te matapihi tirotiro. Na reira, ko te waahanga "roopu" ka tohua ki runga i te rahi o te matapihi tirotiro. I te mea ka huri te matapihi tirotiro ki te rahi, na te rahi o tenei "putea". Na, ki te matapihi o te matapihi he 2000 pika te whanui, ka whakaatuhia tenei waahanga ki te 1800 pika. Ko tenei ko te 90-ōrau o 2000 (2000 x .90 = 1800)), ko te rahi o te pūtirotiro.
Mena ka wehehia nga waahanga "col" i roto i te "pouaka" ki te 30%, ka riro ia raanei he 540 pika te whanui i tenei tauira. Ka tohua tenei ki te 30% o nga 1800 pikae e kawe ana te ipu ki te (1800 x .30 = 540). Mena kua whakarerekehia te pikinga o taua ipu, ka huri ano enei waahanga i roto i te rahi e hoatu ana e ratou mai i te mea kei te whakawhirinaki ratou ki taua waahanga.
Kia mahara ko nga matapihi tirotiro kei te 2000 pika te whanui, engari ka hurihia te uara o te putea ki te 80%, kaua 90%. Ko te tikanga ka tukuna i te 1600 pika te whanui inaianei (2000 x .80 = 1600). Ahakoa kaore matou e whakarereke i te CSS mo te rahi o nga wehenga 3 "koha", ka waiho ma te 30%, ka rere ke nei inaianei mai i te mea kua whakarereketia o raanei o te kaupapa, ko te horopaki kua whakawhitia e ratou. Ko nga wahanga e toru ka tukuna inaianei ko te 480 pika te whanui, ko te 30% o te 1600, ko te rahi o te ipu (1600 x .30 = 480).
Ma te tango i tenei atu, ki te mea he ahua kei roto i tetahi o enei waahanga "col" me te rahi o te ahua ki te whakamahi i te ōrau, ko te horopaki mo tona rahi ko te "col" ake. I te mea kua huri te roopu "col" i te rahi, ka pena ano te ahua o roto. Na, ki te whakarereke te rahi o te pūtirotiro me te "pouaka", ka pa ki nga wehewehenga "toru" e toru, ka huri i te rahi o te ahua i roto i te "col." Ka kitea e koe, ka hono katoa enei ka tae mai ki te uara-nui kua piki.
Ki te whakaaro koe me pehea e whai hua ai tetahi huanga i roto o te whārangi tukutuku ina whakamahia te uara o te paanei mo tona whanui, me whakamarama koe ki te horopaki e noho ana taua huanga ki te tohu o te whārangi.
I te Whakarāpopoto
He nui nga mahi o te tohenga ki te hanga i te whakatakotoranga mo nga paetukutuku whakautu . Ahakoa kei te whakaatuhia e koe nga whakaahua rahi, te whakamahi ranei i te wharau o te whakarau ki te hanga i te whakawhitiwhiti me te whakawhitiwhiti me te whakamahi i te rahi o te rahi o te rahi o te rahi o te rahi o te rahi o te ahua.