Quali sono i pixel effettivi rispetto all’elenco delle dimensioni del testo in IE?

Qual è la dimensione del carattere reale in pixel rispetto alla seguente lista di dimensioni del testo in IE:

  • Maggiore
  • Più grandi
  • medio
  • Più piccola
  • minore

In un’applicazione web, ho bisogno di fornire un comportamento simile per impostare la dimensione del testo del controllo dell’applicazione selezionando chiunque dall’elenco precedente. Ma, quanti pixel ho bisogno di impostare a livello di programmazione contro l’elemento selezionato da questo elenco.

L’aiuto sarà apprezzato.

Testare lo stile corrente con Javascript, usando questo HTML:

 < !DOCTYPE html>   Test font size   

This is a test

(o se sei troppo pigro per copiare e incollare tutto questo, questo violino )

risultati in questa lista:

  • Dimensione del testo Il più grande: 16pt (= 21.3px)
  • Dimensione del testo Maggiore: 14pt (= 18,7 px)
  • Dimensione del testo Media: 12pt (= 16px)
  • Dimensione del testo Più piccolo: 10pt (= 13.3px)
  • Dimensione del testo Minimo: 9pt (= 12px)

Nota: dopo aver modificato la dimensione del testo, aggiornare lo schermo (o eseguire nuovamente il violino) per fare in modo che lo script aggiorni il testo.
Un’altra nota: currentStyle è una proprietà proprietaria che funziona solo con IE.
E una nota finale: ho calcolato i valori dei pixel sulla base di un DPI di 96; Non so se i risultati sono diversi su monitor con altri valori DPI, quindi usali con cura.

Come descritto nelle specifiche :

La seguente tabella fornisce le linee guida per gli agenti utente per la mapping delle dimensioni assolute per l’intestazione HTML e le dimensioni dei caratteri assoluti. Il valore “medio” è la dimensione del carattere preferita dell’utente e viene utilizzato come valore medio di riferimento.

 HTML Values : xx-small x-small small medium large x-large xx-large Font sizes : 1 - 2 3 4 5 6 

I valori relativi seguiranno la tabella per diventare più grandi, più piccoli (a seconda del contesto):

I valori possibili sono: [più grande | più piccola ]. Ad esempio, se l’elemento genitore ha una dimensione di carattere “medio”, un valore di “più grande” renderà “grande” la dimensione del carattere dell’elemento corrente. Se la dimensione dell’elemento genitore non è vicina a una voce di tabella, l’UA è libero di interpolare tra le voci della tabella o arrotondare a quella più vicina. L’UA potrebbe dover estrapolare i valori della tabella se il valore numerico supera le parole chiave.


Si noti che queste sono semplicemente le linee guida che devono essere seguite dal browser e non garantiscono in alcun modo le dimensioni in IE. Ma credo che dia un’idea per quello che stai cercando.