Sviluppo HTML
  1. Sviluppo HTML
  3. Quali sono i pixel effettivi rispetto all’elenco delle dimensioni del testo in IE?
Intereting Posts
jQuery nasconde l’elemento preservando il suo spazio nel layout di pagina effetto “sfarfallio” indesiderato quando si utilizza hide e show in jquery Come aggiungere una verifica della lunghezza minima e massima a un campo numerico? Chiamare listener facendo clic su pencil (primefaces 2.2.1 rowEditor) Come redirect da un URL a un altro URL? Converti tag html in textarea in rich text JavaScript caricato dynamicmente in iframe viene eseguito nell’ambito genitore jquery append div div all’interno di div con id e manipolare Bootstrap 3 Flush footer to bottom. non riparato Richiesta di sito Web regolarmente all’interno dell’intervallo specifico Estrazione di dati da HTML utilizzando PHP e xPath opacità e stile indefiniti quando si accede all’elemento in js ma definito in css Colore di sfondo nelle forms? Frammento ID nell’URL non funzionante Transizioni CSS3 con ancore

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.