2010-02-05 7 views
7

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.1.0em è lo stesso del 100% per le dimensioni dei caratteri?

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

+1

Proprio A proposito, si può leggere http: //www.loadaveragezero .com/vnav/labs/CSS/font-size.php sulle dimensioni dei caratteri (relative). Doug Clifton suggerisce di impostare la dimensione del carattere: x-small su e di definire ogni altra dimensione del carattere utilizzando le dimensioni relative. In questo modo si ottiene un aspetto coerente in diversi browser. –

risposta

6

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.

0

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.

+0

Sì, ma voglio dire che è come a livello di corpo il font è 12px in modo naturale (il modo in cui ho la mia configurazione del browser), ma poi all'interno di molti elementi nidificati il ​​font in qualche modo va a 16px, quando cambia la sola dimensione del font Ho '1.0em' e' 100% ' – Earlz

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> 
+0

Il font non viene mai modificato a meno che non sia per' 1.0em' o '100%' sebbene .. quindi quei due valori sono gli stessi allora giusto? – Earlz

+0

Sì, sono gli stessi. – AaronSieb

Problemi correlati