Dimensioni carattere: EMs vs Pixel ... nel 2011, quale dovrebbe essere utilizzato?

Question

Quindi, nel passato, era molto preferibile utilizzare EMs per i pixel per le dimensioni del carattere perché EMs ridimensionato con IE6 mentre i pixel no. Tuttavia, al giorno d'oggi, ogni browser moderno è in grado di ridimensionare correttamente il font in pixel. L'altro vantaggio di EM era che cascava, mentre i pixel no.

Detto questo, se si stesse facendo sviluppo web per i browser moderni e assolutamente NON volevano dimensioni font in cascata, i pixel sarebbero preferiti?

Sto provando a pensare se ci sono altri svantaggi nell'utilizzare i pixel per le dimensioni dei font invece degli EM. Grazie!

Answer 1

Mentre ogni browser moderno è in grado di eseguire lo zoom con dimensioni del testo utilizzando px, non è possibile ridimensionare il testo con il testo, ma dipende dal browser.

Provare a "ridimensionare" il testo in IE8 utilizzando lo zoom, assolutamente corretto. Scala usando il modificatore di dimensione del testo ufficiale (pagina -> dimensione del testo -> più grande), e non funziona.

1. IE8 - Zoom, senza scala
2. Firefox 4 beta 12 - Zoom, senza scala
3. Google Chrome 10 beta - Zoom, senza scala

Diversi organismi ufficiali con cui lavoro utilizzare il modificatore di dimensioni del testo ufficiale come parte della gestione delle impostazioni utente/gruppo. Quando gli account sono impostati per gli utenti, sono spesso preconfigurati utilizzando questa impostazione. Non so se devono impostarlo lì ... ma per me, gli EM sono ancora preferibili perché il PX non scala ovunque.

Infine, alcune parole dal W3C.

Unità: evitare unità di lunghezza assolute per la visualizzazione dello schermo

• Non specificare la font-size nel pt, o altre unità di lunghezza assolute per i fogli di stile dello schermo. Eseguono il rendering in modo incoerente tra piattaforme e non possono essere ridimensionati dall'Agente utente (ad esempio browser). Tenere l'utilizzo di tali unità per lo styling su supporti con proprietà fisiche fisse e conosciute (ad esempio, stampa).
• Usare unità relative di lunghezza, come cento o (meglio) em

ref: http://www.w3.org/QA/Tips/font-size

Answer 2

Tutti i browser moderni dispongono di zoom a pagina intera, quindi i pixel sono migliori perché in questo modo è possibile abbinare le dimensioni del testo a quelle della pagina (che sono basate su pixel).

Answer 3

Uno svantaggio importante utilizzare la dimensione del carattere in pixel è che diventa difficile cambiare tutto il testo del sito web dimensione del carattere in proporzione dopo aver terminato lo sviluppo.

Se si imposta la dimensione del carattere assoluto in un unico punto (preferibilmente la dimensione del carattere dell'elemento del corpo) e si utilizza Ems in qualsiasi altra proprietà di dimensione, è possibile modificare le dimensioni del testo dell'intero sito semplicemente cambiando la dimensione del carattere dell'elemento del corpo.

Suppongo che la maggior parte degli utenti non sappia come ridimensionare solo i testi utilizzando le funzionalità di zoom del proprio browser e comunque i progettisti Web desiderano impostare una proporzione predefinita tra i testi, gli altri componenti della pagina e il layout generale.

Answer 4

sto facendo in questo modo:

• prendere un reset.css (Eric Meyers è buono http://meyerweb.com/)
• definire gli stili predefiniti (come h1..h6, un, ecc)
• seguito utilizzando EM se necessario

Buona esperienza con il supporto cross browser (anche su dispositivi mobili) da quando ho iniziato lo sviluppo web.

provarlo :)