Bain úsáid as CSS chun Do Mhóilíní agus na Teorainneacha

Tá brabhsálaí gréasáin an lae inniu tagtha ar bhealach fada ó na laethanta dÚsachtacha ina raibh aon chineál comhsheasmhacht tras-bhrabhsálaí ag smaoineamh ar mian leo. Tá na brabhsálaithe gréasáin an lae inniu go léir comhlíontach maidir le caighdeáin. Imríonn siad go héasca le chéile agus taispeánann siad go cothrom comhsheasmhach ar fud na brabhsálaithe éagsúla. Áirítear leis seo na leaganacha is déanaí de Google Chrome, Microsoft Edge, Mozilla Firefox, Opera, Safari, agus na brabhsálaithe éagsúla a fuarthas ar an iliomad gléasanna soghluaiste a úsáidtear chun rochtain a fháil ar láithreán gréasáin inniu.

Cé go ndearnadh dul chun cinn cinnte nuair a thagann sé do bhrabhsálaithe gréasáin agus conas a léiríonn siad CSS, tá neamhréireachtaí ann fós idir na roghanna éagsúla bogearraí seo. Ceann de na neamhréireachtaí coitianta ná mar a ríomhtar na corrlaigh, na stuáilte agus na teorainneacha de réir réamhshocraithe.

Mar gheall ar na gnéithe seo de shamhail an tsamhail bhosca go léir eilimintí HTML, agus toisc go bhfuil siad riachtanach chun leagan amach leathanaigh a chruthú, ciallaíonn taispeáint neamhréireach go bhféadfadh leathanach breathnú go hiontach i mbrabhsálaí amháin, ach d'fhéadfadh sé breathnú beagán amach i gceann eile. Chun dul i ngleic leis an bhfadhb seo, gnáthnós go leor de na dearthóirí gréasáin na gnéithe seo den mhúnla bosca. Tugtar "náidiú amach" ar na cleachtais seo mar gheall ar imeall, stuáil, agus teorainneacha freisin.

Nóta ar Mhainneachtainí Brabhsálaí

Tá socruithe réamhshocraithe ag gach brabhsálaí gréasáin le haghaidh gnéithe taispeáint áirithe de leathanach. Mar shampla, tá hipearnasc gorm agus béimnithe de réir réamhshocraithe. Tá sé seo comhsheasmhach ar fud brabhsálaithe éagsúla, agus cé gurb é an rud is mó go n-athraíonn an chuid is mó de na dearthóirí chun freastal ar riachtanais dhearaidh a gcuid tionscadal ar leith, bíonn sé níos éasca na hathruithe seo a dhéanamh ar an bhfíric go bhfuil siad ag tosú leis na mainneachtainí céanna. Ar an drochuair, níl an leibhéal céanna de chomhsheasmhacht tras-bhrabhsálaí ag an luach réamhshocraithe le haghaidh imeall, stuáil, agus teorainneacha.

Luachanna a Gnáthú do Mhóilíní agus do Phlátaí

Is é an bealach is fearr chun fadhb an tsamhail bhosca neamhréire a réiteach ná na corrlaigh agus na luachanna coiscthe de na heilimintí HTML a shocrú go nialas. Tá roinnt bealaí ann gur féidir leat é seo a dhéanamh ná an riail CSS seo a chur ar do bhileog stíl:

* {corrlach: 0; stuáil: 0; }

Úsáideann an riail CSS seo an carachtar * nó carachtar cártaí. Ciallaíonn an carachtar sin "gach eilimint" agus roghnódh sé gach gné HTML go bunúsach agus socraigh sé na corrlaigh agus an stuáil go dtí 0. Cé go bhfuil an riail seo an-neamhchinnteach, toisc go bhfuil sé i do bhileog stíleanna seachtrach, beidh sainiúlacht níos airde aige ná an brabhsálaí réamhshocraithe luachanna a dhéanann. Ós rud é go bhfuil na mainneachtainí sin agat, tá an stíl amháin seo ag déanamh na rudaí atá á leagan amach agat.

Rogha eile ná na luachanna seo a chur i bhfeidhm ar na heilimintí HTML agus comhlacht. Ós rud é go mbeidh na heilimintí eile ar fad ar do leathanach páistí den dá ghné seo, ba cheart go mbeadh na luachanna sin i bhfeidhm ag an gcnaicse CSS chun na heilimintí eile sin go léir.

html, comhlacht {corrlach: 0; stuáil: 0; }

Tosóidh sé seo do dhearadh san áit chéanna ar gach brabhsálaí, ach is é ceann amháin a mheabhrú ná go dtéann tú i ngach imeall agus ag bualadh ar fad, beidh ort iad a chur ar ais go roghnach le haghaidh codanna sonracha de do leathanach gréasáin chun an cuma a bhaint amach agus braitheann tú go n-iarrfaidh do dhearadh.

Teorainneacha

D'fhéadfá a bheith ag smaoineamh "ach níl teorainn ag brabhsálaithe timpeall an chomhlachta de réir réamhshocraithe". Níl sé seo fíor go docht. Tá teorainneacha trédhearcacha nó dofheicthe ar leaganacha níos sine de Internet Explorer timpeall eilimintí. Mura leagann tú an teorainn go 0, is féidir leis an teorainn sin do leagan amach leathanaigh a mhilleadh. Má shocraigh tú go leanfaidh tú de bheith ag tacú leis na leaganacha seanacha seo de IE, beidh ort aghaidh a thabhairt air seo tríd an méid seo a leanas a chur leis do chorp agus do stíleanna HTML:

HTML, comhlacht {
imeall: 0px;
stuáil: 0px;
teorainn: 0px;
}

Cosúil leis an gcaoi a chaill tú na corrlaigh agus an stuáil, beidh na teorainneacha réamhshocraithe mar thoradh ar an stíl nua seo. D'fhéadfá an rud céanna a dhéanamh freisin trí úsáid a bhaint as an roghnóir cártaí fiáin a thaispeántar níos luaithe san alt.

Airteagal bunaidh le Jennifer Krynin. Arna eagarthóireacht ag Jeremy Girard an 9/27/16.