1.0em è lo stesso del 100% per le dimensioni dei caratteri?

Question

Sto tentando di eseguire il debug del motivo per cui avere font-size: 1.0em in jquery-ui causa l'aumento delle dimensioni dei caratteri della mia pagina (oltre 16px) senza che io esegua alcun ridimensionamento effettivo dei caratteri. Bene, in Firebug ho visto una cosa strana per una fisarmonica.

Alla base, era font-size: 1.0em ma successivamente è stato sostituito da font-size: 100%. Potrebbe causare qualche tipo di problema con il dimensionamento dei caratteri? Ho sempre avuto l'impressione che 100% fosse lo stesso 1.0em

Answer 1

Sì.

1em e 100% significano la stessa cosa (per dimensione carattere) - "La stessa dimensione font dell'elemento padre" (che non è la stessa cosa della dimensione del carattere che l'utente ha selezionato a meno che tu non stia parlando del Elemento HTML).

Ci sono errori in Internet Explorer quando si utilizza em e la dimensione del carattere selezionata dal menu di visualizzazione non è medium.

Answer 2

em è definito in base all'utente per browser. Così em è definito per l'accessibilità nelle diverse impostazioni di un browser o di una preferenza utente.

Significa che 1em potrebbe essere 16px o 10px in base alle impostazioni delle preferenze dell'utente nel browser.

Se si desidera avere maggiore controllo sulle dimensioni dei caratteri, utilizzare px anziché em.

Answer 3

Sì, em e percentuale sono intercambiabili in termini di dimensioni del carattere.

Non posso davvero dire che cosa c'è che non va nel tuo caso, senza codice, ma che possa avere qualcosa a che fare con le dimensioni dei caratteri nidificati:

<div style="font-size: 150%;"> 
    This text is at 150% of the base. 

    <div style="font-size: 100%"> 
     This text is the same size as the text above. 
    </div> 
</div>