A 'cleachdadh Ems gus meudan cruth a atharrachadh
Nuair a bhios tu a 'togail duilleag lìn, tha a' chuid as motha de phroifeiseantaich a 'moladh gum bi cruth mheudan (agus gu dearbh, a h-uile càil) le tomhas co-cheangailte ri leithid ems, exs, percentages, no pixels. Tha seo air sgàth 's nach eil thu eòlach air na diofar dhòighean sam faodadh cuideigin coimhead air an t-susbaint agad. Agus ma chleachdas tu tomhas iomlan (òirleach, ceudameatair, milimatairean, puingean, no picas) dh'fhaodadh e buaidh a thoirt air taisbeanadh no leughadh an duilleag ann an innealan eadar-dhealaichte.
Agus tha an W3C a 'moladh gun cleachd thu ems airson meudan.
Ach Dè cho mòr 'sa tha Em?
A rèir an W3C tha:
"a tha co-ionnan ri luach cunntachail seilbh 'font-size' an eileamaid air a bheil e air a chleachdadh. Is e an eisgeachd nuair a tha 'em' a 'tachairt ann an luach an seilbh' font-size 'fhèin, agus mar sin tha e a' toirt iomradh gu meud cruth na pàtran eile. "
Ann am faclan eile, chan eil meud mòr aig ems. Bidh iad a 'gabhail a rèir luachan meud stèidhichte air càit a bheil iad. Airson a 'chuid as motha de dhealbhadairean lìn , tha seo a' ciallachadh gu bheil iad ann am brabhsair lìn, agus mar sin tha cruth-clò 1em àrd dìreach an aon mheud ris a 'phutan àbhaisteach airson a' bhrabhsair sin.
Ach dè cho àrd 'sa tha am meud bunaiteach? Chan eil dòigh ann a bhith 100% cinnteach, oir faodaidh luchd-ceannach am bun-chruthan bunaiteach atharrachadh anns na brabhsairean aca, ach leis nach eil a 'mhòr-chuid de dhaoine a' gabhail ris gu bheil meud clò bunaiteach 16px aig a 'chuid as motha de na brabhsairean. Mar sin, a 'mhòr-chuid den ùine 1em = 16px .
Smaoinich ann am piocaidean, cleachd Ems airson a 'Bhile
Aon uair 's gu bheil fios agad gu bheil meud na cruth bunaiteach 16px, faodaidh tu an uairsin ems a chleachdadh gus leigeil leis na cleachdaichean agad an duilleag ath-mheudachadh gu furasta ach smaoinich ann am piogsail airson na meudan cruth.
Abair gu bheil structar sizing agad mar rud mar seo:
- Ceann-loidhne 1 - 20px
- Ceann-loidhne 2 - 18px
- Ceann-cinnidh 3 - 16px
- Prìomh theacsa - 14px
- Fo teacs - 12px
- Footnotes - 10px
Dh'fhaodadh tu iad a mhìneachadh mar sin a 'cleachdadh piogsail airson an tomhas, ach an uairsin cha b' urrainn do dhuine sam bith a chleachdas IE 6 agus 7 atharrachadh nas fheàrr a dhèanamh air do dhuilleag. Mar sin bu chòir dhut na meudan a thionndadh gu ems agus chan eil seo dìreach air cuid de matamataig:
- Ceann-loidhne 1 - 1.25em (16 x 1.25 = 20)
- Ceann-loidhne 2 - 1.125em (16 × 1.125 = 18)
- Ceann-cinnidh 3 - 1em (1em = 16px)
- Prìomh theacsa - 0.875em (16 x 0.875 = 14)
- Fo theacs - 0.75em (16 x 0.75 = 12)
- Footnotes - 0.625em (16 x 0.625 = 10)
Na cuir a-mach dìlseachd!
Ach chan e sin uile a th 'ann gu ems. Is e an rud eile a dh'fheumas tu cuimhneachadh gu bheil iad a 'gabhail air meud a' phàrant. Mar sin, ma tha eileamaidean neadachaidh agad le meudan cruth eadar-dhealaichte, dh 'fhaodadh tu crìoch a chur air cruth-clò mòran nas lugha no nas motha na tha thu a' sùileachadh.
Mar eisimpleir, is dòcha gum bi duilleag stoidhle agad mar seo:
p {font-size: 0.875em; }
.footnote {font-size: 0.625em; }
Bheireadh seo buaidh air clò-bhualadh a tha 14px agus 10px airson a 'phrìomh theacsa agus na notaichean-coise fa leth. Ach ma chuireas tu nota-coise taobh a-staigh paragraf, dh'fhaodadh tu teacs a dhèanamh a tha 8.75px an àite 10px. Feuch e fhèin, cuir seo an CSS gu h-àrd agus an HTML a leanas a-steach ann an sgrìobhainn:
Tha an cruth-clò seo 14px no 0.875 ems ann an àirde.
Tha bonn-nota ann anns a 'pharagraf seo.
Ged nach eil seo ach bonn-nota parag.
Tha an nota-coise gu math duilich a leughadh aig 10px, cha mhòr nach gabh a leughadh aig 8.75px.
Mar sin, nuair a bhios tu a 'cleachdadh ems, feumaidh tu a bhith fìor mhothachail air meud nan rudan pàrant, no bidh cuid de na h-eileamaidean air leth agad air do dhuilleag.