Is e ceist cumanta a chaidh a cheasnachadh ann an dealbhadh làrach-lìn "ciamar a tha thu a 'suidheachadh àirde aonamaid gu 100%"?
Is dòcha gur e freagairt furasta a tha seo. Tha thu dìreach a 'cleachdadh CSS gus meud eilthireachd a shuidheachadh gu 100%, ach chan eil seo daonnan a' sìneadh an eileamaid sin gus an uinneag air a 'bhrabhsair gu lèir a fhreagairt. Faigh a-mach carson a tha seo a 'tachairt agus dè as urrainn dhut a dhèanamh gus an stoidhle lèirsinneach seo a choileanadh.
Piocaidean agus Ceudadan
Nuair a bhios tu a 'mìneachadh àirde eilamaid le bhith a' cleachdadh seilbh CSS agus luach a bhios a 'cleachdadh picteallan, gabhaidh an eileamaid sin suas an uiread rùm as ùire anns a' bhrabhsair.
Mar eisimpleir, paragraf le àirde: 100px; bheir e suas 100 piogsail de dh 'àite dhìreach anns a' dhealbhadh agad. Chan eil e gu diofar dè cho mòr 'sa tha uinneag do bhrabhsair agad, bidh an eiseamaid seo 100 piogsail a dh'àirde.
Tha na ceudadan ag obair gu eadar-dhealaichte na picsean. A rèir an t-sònrachaidh W3C, thathas a 'tomhas àirde sa cheudad a thaobh àirde an t-soithich. Mar sin ma chuireas tu paragraf le àirde: 50%; taobh a-staigh div le àirde 100px, bidh am paragraf 50 piogsal a dh 'àirde, is e sin 50% den eileamaid phàrant.
Stiùireadh do phàrantan
Ma tha thu a 'dealbhadh duilleag-lìn, agus tha colbh agad gu bheil thu airson àirde iomlan na h-uinneige a ghabhail, is e an t-adhbhar nàdarrach àirde a chur ris: 100%; chun an eileamaid sin. Às deidh sin, ma shuidhicheas tu an leud gu leud: 100%; gabhaidh an eileamaid farsaingeachd làn còmhnard na duilleige, mar sin bu chòir àirde a bhith ag obair mar an ceudna, ceart? Gu mì-fhortanach, chan eil seo idir idir.
Gus tuigsinn carson a thachras seo, feumaidh tu tuigsinn mar a tha brabhsairean a 'mìneachadh àirde agus leud. Bidh brabhsairean lìn a 'cunntadh an leud iomlan a tha ri fhaighinn mar dhleastanas air dè cho farsaing' sa tha an uinneag brabhsair fhosgladh. Mura dèan thu luachan leud sam bith air na sgrìobhainnean agad, cuiridh am brabhsair an clàr gus an uinneag gu lèir a lìonadh (tha 100% de leud).
Tha luach an àirde air a thomhas gu eadar-dhealaichte na leud. Gu dearbh, chan eil brabhsairean a 'measadh àirde idir mura h-eil an susbaint cho fada' sa tha e a 'dol taobh a-muigh an ionaid (mar sin feumar barran scrollaidh) no ma tha an dealbhaiche lìn a' suidheachadh àirde iomlan airson eileamaid air an duilleig. Air an làimh eile, tha am brabhsair dìreach a 'leigeil leis an t-susbaint a bhith taobh a-staigh leud an t-seallaidh gus an tig e gu crìch. Chan eil an t-àirde air a thomhas idir idir.
Bidh duilgheadasan a 'tachairt nuair a tha thu a' suidheachadh àirde ceudad air eileamaid aig a bheil feartan pàrant gun inbhe àrd - ann am faclan eile, tha àirde bunaiteach aig na pàirtean eile: auto; S an Iar- Tha thu, gu h-èifeachdach, ag iarraidh air a 'bhrabhsair àirde a thomhas bho luach neo-mheasraichte. Leis gum biodh sin co-ionnan ri luach null, is e an toradh nach eil am brabhsair a 'dèanamh dad.
Ma tha thu airson àirde a shuidheachadh air na duilleagan lìn agad gu ìre sa cheud, feumaidh tu àirde gach teacsa pàrant den aon rud a tha thu ag iarraidh a mhìneachadh. Ann am faclan eile, ma tha duilleag agad mar seo:
Susbaint an seo
Tha coltas ann gum bi ìre 100% aig an div agus am paragraf ann, ach tha dà eileamaid pàrant ann an div:
agus. Gus àirde an div a mhìneachadh gu àirde co-cheangailte, feumaidh tu cuideachd àirde a 'chuirp agus na h-eileamaidean html a shuidheachadh.
Mar sin dh'fheumadh tu CSS a chleachdadh gus àirde a dhèanamh chan e a-mhàin an div, ach cuideachd na buill agus na h-eileamaidean html. Faodaidh seo a bhith na dhùbhlan, oir faodaidh tu a bhith air a chur an sàs gu luath le gach rud a thèid a shuidheachadh gu àirde 100%, ach gus an èifeachd seo a tha a dhìth a choileanadh.
Rudan ri thoirt fainear nuair a bhith ag obair le 100% àird
A-nis, gu bheil fios agad ciamar a shuidhicheas tu na h-eileamaidean do dhuilleag gu 100%, faodaidh e bhith inntinneach a dhol a-mach agus sin a dhèanamh gu na duilleagan agad uile, ach tha beagan rudan ann a bu chòir dhut a bhith mothachail air:
- Faodaidh morgagan agus cleadachadh barra scrollaidh a chur far nach eil thu ag iarraidh fear. Is e aon de na rudan as duilghe a lorg mi le bhith ag obrachadh le àirdean sa cheud (agus le leud) is gum faod an t-acfhainn agus na h-iomaill air na h-aon eileamaidean barran scrollaidh a chur ris an duilleig, ged a tha an t-susbaint gu lèir a 'taisbeanadh gun a bhith feumach air bàraichean scrollaidh. Tha seo air sgàth 's gu bheil àirde no leud an eileamaid a' chiad rud a tha air a thomhas. An uairsin thèid na h-oirean agus na plataichean a chur ris. Mar sin ma tha eileamaid agad le àirde de 100% agus oirean àrd is as àirde de 10 piogsail an urra, bidh barra-scrollaidh ann airson 20 pixel a bharrachd. Cuimhnich, tha modail bogsa CSS a 'cur iomall, crìochan agus plocadh air meud eileamaid, agus mar sin bidh 100% le luachan sam bith eile de mhodail bogsa nas motha na 100%.
- Ma bheir an susbaint agad barrachd air an àirde mhìnichte, cuiridh e thairis air rud sam bith às a dhèidh. Ann am faclan eile, ma tha dealbhadh agad le colbh a tha 80% a dh 'àirde, agus gabhaidh an susbaint a tha taobh a-staigh dheth suas 100% den àirde, gum bi 20% a bharrachd a' leantainn fon cholbh agus a 'briseadh an dealbhadh lèirsinneach de do dhuilleag. Ma tha susbaint gu h-ìosal fon colbh sin, bidh an teacsa dìreach a 'sgrìobhadh thairis air a' mhullach. Bidh mi tric a 'faicinn seo a' tachairt nuair a tha dealbhaiche lìn a 'feuchainn ri duilleag àrd a neartachadh agus ga fhaighinn ag obair gu foirmeil airson a chur air bhog, ach nuair a bhios susbaint air an duilleag sin ag atharrachadh san àm ri teachd, bidh na h-àirdean aca gu tur a' briseadh sìos na duilleige. Tha seo gu ìre mhòr fìor nuair a tha thu a 'togail làraich-lìn fhreagarrach a dh' fheumas an leud agus àirde atharrachadh le meud an ionaid.
Gus seo a rèiteachadh, faodaidh tu àirde an eileamaid a shuidheachadh cuideachd. Ma shuidhicheas tu e gu carbadan fèin-ghluasadach, nochdaidh barran scrolla ma tha feum orra ach gun tèid iad às nuair nach eil. Bidh sin a 'cur an cèill am briseadh lèirsinneach, ach tha e a' cur chrann-scrollaidh far nach eil thu ag iarraidh iad.
A 'cleachdadh Viewport Units
Is e dòigh eile air an urrainn dhut dèiligeadh ris an dùbhlan seo a bhith a 'feuchainn ri Aonadan CSS Viewport. Le bhith a 'cleachdadh aonad tomhais àirde an fhuaim , faodaidh tu eileamaidean a mheudachadh gus àirde a mhìneachadh den làrach-lìn, agus atharraichidh sin fhad' sa tha an t-ionad ag atharrachadh! Is e dòigh mhath a tha seo airson do lèirsinn lèirsinneach 100% fhaighinn air duilleag ach a bhith fhathast sùbailte airson innealan eadar-dhealaichte agus meudan sgrion.