Utilizà Ems per cambià a tipu di fontana
Quandu puderete custruisce una pàgina Web, a maiò parte di i prufiziunali recomandanu chì tene fonti (è in fattu, tuttu) cù una mecaura relattiva cum'è ems, exs, percentages o pixelli. Questu hè chì veramente ùn cunnosci micca tutti i diversi modi chì qualcunu puderia vede u vostru cuntenutu. È se utilizate una medità assuluta (inchuli, centimetri, milimetri, punti, o picas) puderia affissà a visualizazione o leghjibilità di a pagina in i difetti.
U W3C li ricumpinsa chì vo avete aduprà EMS per tamantu.
Ma quantu hè una?
Sicondu u W3C an em:
"hè uguatu à u valore calculato di a prughjettenza" font-size "di l'elementu nantu à quale hè stata utilizata. L'eccezzioni hè quandu 'em' si trova in u valore di a prughjittazione" font-size ", in quale casu si riferisce a dimensione tipica di l'elementu parentu ".
In altre parolle, EMS ùn anu micca un tamantu assulutu. Piglionu nantu à a so valura di mettite in basa di unni sò. Per a maiò parte di i disegnaturi Web , questu significa chì sò in un navigatore Web, perchè una fonte chì hè 1em altu hè esattamente u listessu tamantu cù a grandore di fontana predeterminada per quellu navigatore.
Ma quantu hè u grandu predeterminatu? Ùn ci hè nè manera di esse 100% certevuli, cum'è chì i clienti puderanu cambià a so forma di predeterminatu in i so navigatori, ma da chì a maiò parte di a ghjente ùn si pò assume chì a maiò parte di i browseri anu una dimensione predeterminada di 16px. Cusì a maiò parte di u tempu 1em = 16px .
Pensate à Pixels, Utilizà Ems per a Measure
Una volta chì sapete chì a fatturìa predeterminada hè 16px, pudete utilizà l'EMS per permettà à i vostri clienti mudificà a pagina cume, ma pensanu à pixel per i vostri fugliali.
Dici bè chì hà una struttura di qualchì struttura cusì cusì:
- Headline 1 - 20px
- Headline 2 - 18px
- Headline 3 - 16px
- Testu principali - 14px
- Sub text - 12px
- Footnotes - 10px
Pudete definisce a manera chì utilizanu i píxels per a medione, ma quandu qualchissia chì utilizava IE 6 è 7 ùn saria micca pudè ritamerize a vostra pagina. Allora ci vole à cunverta a dimensioni per EMS è questu hè solu una materia di certe matemati:
- Headline 1 - 1.25em (16 x 1.25 = 20)
- Headline 2 - 1.125em (16 × 1.125 = 18)
- Headline 3 - 1em (1em = 16px)
- Testu principali - 0.875em (16 x 0.875 = 14)
- Sub text - 0.75em (16 x 0.75 = 12)
- Footnotes - 0.625em (16 x 0.625 = 10)
Ùn scurdate micca daveru!
Ma questu hè micca tutti quì ci hè per EMS. L'altra cosa chì voi averà scurdate hè chì pigghianu a talla di u genitori. Allora si avete aghjunatu elementi cù e diverse grandori di fontana, pudete esse ghjustu cù una fonti assai più chjuca o più grande di u pettu.
Per esempiu, pudete avè una carta di stile cum'è questu:
p {font-size: 0.875em; }
.footnote {font-size: 0.625em; }
Questu resultarà in fontene chì sò 14px è 10px per u testu principe è e noti a pidali rispettivi. Ma se mette una nota nantu à un paràgrafu, puderete ghjunghje cù u testu chì hè 8,75px in più di 10px. Pruvate à voi stessu, fate u questu CSS è l'HTML seguente in un documentu:
Questa fontulazione hè 14px o 0.875 ems in altu.
Stu paràgrafu hà una nota periutu in questu.
Mentri hè solu un paràgrafu in nota
U testu in cachettu hè difficiule di leghje à 10 p.mg, hè quasi illegible à 8.75px.
Allora, quandu si usanu EMS, avete bisognu à esse cuntzertusi da e dimensioni di l'uggetti parenti, o finisci cù parechji elementi sgradati veramenti in a vostra pagina.