Sviluppo HTML
  1. Sviluppo HTML
  3. Quali sono i pixel effettivi rispetto all’elenco delle dimensioni del testo in IE?
Intereting Posts
Persistere le modifiche degli oggetti intervallo dopo la selezione in HTML Immagine incorporata nell’HTML non visualizzata Come rendere il link simile a un pulsante? Includere il file JavaScript in HTML non funzionerà come Usando htaccess per redirect una directory, ma non i file in essa contenuti CSS – Corner Raggio con Box Shadow Inserto, angoli brutti La transizione CSS non si triggers quando si aggiunge la class al corpo (Firefox) Vertical Align Center in Bootstrap 4 Rimozione dello spazio tra h1 e h2 Scrivere testo su “div” usando JavaScript Come modificare gli elementi flottati nell’ordine? Come visualizzare e hide specifiche div usando javascript? L’intestazione di pagina fissa si sovrappone alle ancore in-page Come generare un ID casuale per il tag del corpo al caricamento della pagina utilizzando un array di ID impostato Reindirizzamento Javascript con intestazioni o id di sessione

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.