Ems benotzt Schrëftgréissten ze änneren
Wann Dir eng Websäit bitt, empfänken de meeschten Reklamm fir Schrëftgréissten (an tatsächlech alles) mat enger relativer Mesure wéi ems, exs, percentages oder pixels. Dëst ass well Dir wierklech net all déi verschidde Weeër wësst datt jiddereen seng Inhalter gesinn. A wann Dir eng Absolut Mauer benotzt (Zoll, Zentimeter, Millimeter, Punkte oder Picas) kann d'Affichage oder d'Liesbarkeet vu senger Säit an verschiddenen Apparater beaflossen.
An de W3C recommandéiert datt Dir Ems fir Gréissten benotzt.
Wéi Grouss ass en Em?
Laut dem W3C en Em:
"ass gläich wéi de berechtegte Wäert vun der 'Schrëftgréisst' Eegeschafte vum Element, op deem et benotzt gëtt. Ausnam wann 'em' op de Wäert vun der 'Schrëftgréisst' Eegeschafte selbststänneg ass, an deem Fall wou et steet d'Schrëftgréisst vum Elterenelement. "
An anere Wierder, Ems hunn net eng absolut Gréisst. Si huelen hir Gréisst op Wäerter baséiert op wou se sinn. Fir déi meescht Webdesigner , heescht dat, datt se an engem Webbrowser ginn, also eng Schrëft, déi 1m grouss ass ass genau déi selwecht Gréisst wéi déi Standardschrëftgréisst fir dësen Browser.
A wéi grouss ass d'Standard Gréisst? Et gëtt keng Méiglechkeet fir 100% sécher ze sinn, wéi d'Cliente seng Standardschrëftgréisst änneren an hir Browseren änneren, mee well déi meescht Leit sinn Dir net ugeholl datt d'Most Browsers eng Standardschrëftgréisst vun 16px hunn. Also de gréissten Deel vun der Zäit 1em = 16px .
Denkt drun a Pixel, Ems fir d'Mesure benotzen
Wann Dir wësst datt d'Standardschrëftgréisst 16px ass, kënnt Dir ën Ems benotzen fir Är Clienten d'Gréisst vun der Säit ze vergréisseren, awer denken an Pixel fir Är Schrëftgréissten.
Sot Dir, datt Dir eng Struktur maacht wéi dëst:
- Headline 1 - 20px
- Headline 2 - 18px
- Headline 3 - 16px
- Main Text - 14px
- Ënnert Text - 12px
- Footnotes - 10px
Dir kënnt se esou benotze fir Pixel fir d'Messung ze benotzen, mee da däerf jiddereen deen IE 6 an 7 benotze kéint net fir Är Säit gutt veränneren. Also sollt Dir d'Gréisste bis ems konvertéieren an dat ass nëmmen eng Matière vun e puer Mataarbechter:
- Headline 1 - 1.25em (16 x 1,25 = 20)
- Headline 2 - 1.125em (16 × 1.125 = 18)
- Headline 3 - 1em (1em = 16px)
- Main Text - 0.875em (16 x 0.875 = 14)
- Ënnert Text - 0,75em (16 x 0,75 = 12)
- Footnotes - 0.625em (16 x 0.625 = 10)
Vergi keng Erzeegung!
Mee dat ass net alles da fir Emmen. Déi aner Saach déi Dir braucht fir ze erënneren, ass datt se d'Gréisst vum Elterendeel huelen. Also wann Dir eegent Elementer mat verschiddene Schrëftgréissten hutt, kënnt Dir mat enger Schrëft méi kleng sinn oder méi wéi Dir erwart.
Zum Beispill, hutt Dir e Stil Stéck wéi dës:
p {Schrëftgréisst: 0.875em; }}
.footnote {font-size: 0.625em; }}
Dëst wär zu Fonts, déi 14px a 10px fir den Haapttext an d'Foussnoten respektéieren. Awer wann Dir eng Foussnoss an engem Paragrapul gitt, kënnt Dir mat Text eroflueden, dat 8,75px ass anstatt 10px. Probéiert et selwer, gitt dat déi uewen CSS an déi folgend HTML an e Dokument:
Dës Schrëft ass 14px oder 0,875 ems grouss.
Dëse Paragrapus huet eng Foussnott dobäi.
Obwuel dat just e Foussnote Punkt ass.
De Foussnotext ass schwéier op 10px ze liesen, et ass bal illegibel op 8,75px.
Also wann Dir Ems benotzt, musst Dir ganz genee d'Gréisst vun den Elteren Objeten bewosst sinn oder Dir wäert mat e puer ganz ongedréckte Elementer op der Säit sinn.