Bikaranîna Ems bi karûbarên sîteyan biguherînin
Dema ku hûn rûpelê Webê ava dikin, pir profesyonel pêşniyar dikin ku hûn fonts (û rastiyê, her tiştê) her tiştî ye ku bi pîvana hevpeymane wekî ems, exs, sedan, an pencilan. Ji ber ku hûn bi rastî hemî awayên cûda nizanin ku meriv dikare naveroka we bibînin. Û eger hûn pîvana yekem (bikaranîn, sîteyên, millimeters, pîvan, an jî pasas) bikar bînin, dibe ku ev dîskêşî an xwendekarê pirtûkê li cîhaziyên cûda bandor bike.
Û W3C pêşniyaz dike ku hûn ji bo sîteyên emsor bikar bînin.
Lê çiqas mezin e Em?
Li gor W3C an em:
"li gorî nirxa mêjûya 'font-size' ya hêla elementa ku tê bikaranîn e wekhev e. Reqe gava ku 'em' di nirxê 'font-size' de, ew rewşê tête bi raya fontê ya elementê bavikê. "
Bi gotinên din, emsek nifş tune ye. Ew nirxên nirxên xwe li ser ku li wir li wan têne derxistin. Ji bo pîşesaziyên piranîya web , ew wateya ku ew di gerokên web de ye, lewma fenivîsek ku yekem 1em e, hema wekhev e wek pîvanê pîvanê navekî ji bo gerokê ye.
Lê çiqas pîvanek standard e? Çu rêkûpêk ji sedî 100% tune ye, wekî ku mirovek dikare dikarin di çarçoveya wan de, pîvanên xwe yên defaultê biguherînin, lê ji ber ku piraniya mirovan hûn nikarin bifikirin ku piraniya gerokên nermalavê 16px hene. Ji ber vê yekê pir caran 1em = 16px .
Ji bo Pîvana Pixels, Ji bo Measure Bikaranîna Ems
Dema ku hûn dizanin ku qaîdeya nermalavê 16px e, hûn dikarin bikarhênerên em bikar bînin ku destûrên xwe bidin destnîşankirina rûpelê paqij bikin lê lêbigere di pixelên sîteyên xwe yên fikrên difikirin.
Bêjin ku hûn pergala sîgorteyê heye tiştek tiştek tiştek heye:
- Headline 1 - 20px
- Headline 2 - 18px
- Headline 3 - 16px
- Nivîsara sereke - 14px
- Subtext - 12px
- Footnotes - 10px
Hûn dikarin wan awayî rêvebirin ji bo pîvana pîvana bi kar tînin, lê paşê ku bikar tîne ku IE 6 û 7 bikar bînin, wê nikaribe pelê xwe baş bike. Ji ber vê yekê divê hûn bi sîgorteyên emsûr veguherînin û ev tiştek hinek math e:
- Headline 1 - 1.25em (16 x 1.25 = 20)
- Headline 2 - 1.125em (16 × 1.125 = 18)
- Headline 3 - 1em (1em = 16px)
- Mezinahiya sereke - 0.875em (16 x 0.875 = 14)
- Subtext - 0.75em (16 x 0.75 = 12)
- Footnotes - 0.625em (16 x 0.625 = 10)
Nerazîbûnê bîr nekin!
Lê ew ne hemî tune ku ems. Tiştek din ku hûn hewce nebin, ew e ku ew bi sivikê bavê xwe bigire. Ji ber ku hûn bi hêmanên nested hene ku hûn bi sîgorteyên cureyên cûda hene, hûn dikarin ji hêla we hêvî bikin hûn bi celebek piçûktir bikin.
Ji bo nimûne, hûn dikarin şêweya şêweyek mîna vî awayî heye:
p {font-size: 0.875em; }
.footnote {font-size: 0.625em; }
Ev encam dê di çarçoveyên ku di çarçoveya sereke û pêdivî de ji bo 14px û 10px in. Lê heke hûn di nav parçeyekê de binivîse, hûn dikarin bi teksta ku heta 10px ji 10px e. Xwe xwe biceribînin, HTML-yê jêr û belgeya jêrîn di nav belgeyê de binivîse:
Vê pelê 14px an jî 0.875 ems di asta ye.
Ev paragrafê li ser pîlnotê heye.
Dema ku ew tenê parçeyek pêdivî ye.
Gotara teknîkî zehmet e ku li 10px bixwînin, ew di 8.75px de hema neheq e.
Ji ber vê yekê, dema ku hûn ems bi kar tînin, hûn hewce ne ji hebên sîteyên dêûbav, yan jî hûn bi hin rûpelên mîkrûbeyên mezin ên li ser rûpelê bi dawî bibin.