Sviluppo HTML
  1. Sviluppo HTML
  3. Quali sono i pixel effettivi rispetto all’elenco delle dimensioni del testo in IE?
Intereting Posts
Conferma il pulsante prima di eseguire l’eliminazione della routine dal sito web html seleziona con colors di sfondo diversi per ogni opzione che funzioni correttamente in ogni browser? Come rendere l’animazione flash retriggers appendHtml () non aggiunge l’intero codice HTML – Dart Css orizzontale di scorrimento? PHP drop down which each are dependable Come ottenere i pulsanti di opzione funzionano correttamente per materializzare il design css come rimuovere il bordo nero attorno all’immagine con collegamenti ipertestuali? trova la larghezza dell’immagine del bambino e applicala a contenere il jpar div di parent Come build una vista a 2 colonne in bootstrap con area di testo grande in alto Facebook Come pulsanti non visualizzati quando caricati nascosti Come mantenere i valori di input del metodo POST con post / redirect / get? Cambia la famiglia di caratteri e la dimensione del carattere usando HtmlAgilitPack firebug restituisce l’errore di syntax in doctype? Incorporamento di un file allegato in object JSON

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: 

    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.