Conas a Úsáid 'EMS' chun Méideanna Cló ar an leathanach Gréasáin a Athrú (HTML)

Úsáid Ems chun méideanna cló a athrú

Nuair a bhíonn tú ag tógáil leathanach Gréasáin, molaíonn gairmithe is mó go bhfuil tú clónna méid (agus go deimhin, gach rud) le beart coibhneasta ar nós ems, exs, percentages, nó pixel. Tá sé seo toisc nach bhfuil a fhios agat i ndáiríre na bealaí éagsúla a d'fhéadfadh duine éigin a fheiceáil. Agus má úsáideann tú beart iomlán (orlach, ceintiméadar, milliméadar, pointí nó picas) d'fhéadfadh sé difear do thaispeáint nó inléiteacht an leathanaigh i bhfeistí éagsúla.

Agus molann W3C go n-úsáideann tú ems do mhéideanna.

Ach Cé hé Big is Em?

De réir an W3C em:

"is ionann agus an luach ríomh de mhaoin 'clómhéid' an ghné ar a n-úsáidtear é. Is é an eisceacht nuair a tharlaíonn 'em' i luach na maoine 'clómhéid' féin, agus sa chás sin tagraíonn sé le clómhéid an mháthairghné. "

I bhfocail eile, ní bhíonn méid iomlán ag ems. Glacann siad ar a luachanna méid bunaithe ar an áit a bhfuil siad. Le haghaidh an chuid is mó dearthóirí Gréasáin , ciallaíonn sé seo go bhfuil siad i mbrabhsálaí Gréasáin, agus mar sin tá cló atá 1em ar airde an méid céanna go díreach leis an gclómhéid réamhshocraithe don bhrabhsálaí sin.

Ach cé chomh mór is atá an méid réamhshocraithe? Níl aon bhealach ann a bheith 100% áirithe, mar is féidir le custaiméirí a gclómhéid réamhshocraithe a athrú ina gcuid brabhsálaithe, ach ós rud é nach féidir leis an chuid is mó daoine glacadh leis go bhfuil clómhéid réamhshocraithe de 16px ag an chuid is mó de na brabhsálaithe. Mar sin, an chuid is mó den am 1em = 16px .

Smaoinigh ar Pixail, Bain úsáid as Ems don Bheart

Nuair a bhíonn a fhios agat go bhfuil an clómhéid réamhshocraithe 16px, is féidir leat úsáid a bhaint as ems chun ligean do chliaint an leathanach a athrú go héasca ach smaoineamh ar picteilíní ar do mhéideanna cló.

Abair go bhfuil struchtúr sizing agat mar seo:

D'fhéadfá iad a shainmhíniú ar an mbealach sin ag baint úsáide as picteilíní don tomhas, ach ansin ní bheadh ​​aon duine ag baint úsáide as IE 6 agus 7 in ann do leathanach a athrú go maith. Mar sin, ba cheart duit na méideanna a thiontú chuig ems agus níl sé seo ach le cúrsaí matamaitice:

Ná Ná dearmad Oidhreacht!

Ach níl sé sin go léir ann do ems. Is é an rud eile is gá duit cuimhneamh ná go dtógann siad méid an tuismitheora. Mar sin má tá eilimintí neadaithe agat le méideanna cló éagsúla, d'fhéadfá cló i bhfad níos lú nó níos mó ná mar a shíleann tú.

Mar shampla, b'fhéidir go mbeadh bileog stíl agat mar seo:

p {font-size: 0.875em; }
.footnote {font-size: 0.625em; }

Bheadh ​​sé seo mar thoradh ar chlónna 14px agus 10px don phríomhthéacs agus na nótaí fonóis faoi seach. Ach má chuir tú fonóta taobh istigh de mhír, d'fhéadfá deireadh a chur le téacs atá 8.75px seachas 10px. Bain triail as duit féin, cuir an CSS thuasluaite agus an HTML seo a leanas isteach i doiciméid:

Is é 14px nó 0.875 ems ar airde an cló seo.
Tá fonóta ann sa mhír seo.
Cé gurb é seo ach fonóta mír.

Tá an téacs fonóta deacair a léamh ag 10px, tá sé beagnach inláimhsithe ag 8.75px.

Mar sin, nuair a bhíonn tú ag baint úsáide as ems, ní mór duit a bheith an-eolach ar mhéideanna na n-rudaí tuismitheora, nó beidh roinnt eilimintí iarbhír i do leathanach agat.