Sviluppo HTML
  1. Sviluppo HTML
  3. Quali sono i pixel effettivi rispetto all’elenco delle dimensioni del testo in IE?
Intereting Posts
Ignora evento onClick padre quando si fa clic sull’elemento figlio Il modo migliore per creare elementi DOM statici di grandi dimensioni in JavaScript? Il raggio del bordo sui bordi dell’immagine Come faccio a lavorare in flex box in safari? Invia immagine pulsante Riempi la pagina con l’elemento ferro-pagine Pseudo-class dentro: no Pulsante invisibile CSS HTML C’è un altro modo di simulare l’adattamento degli oggetti: riempire un elemento video in modo che tutti i principali browser lo riconoscano? Come utilizzare le funzionalità HTML5 con XHTML Come posso impostare una lunghezza massima per Codeigniters form_textarea ()? Come rimuovere l’URL dalla pagina di stampa? collegamenti ipertestuali in JEditorPane in una JTable Associazione eventi onload Javascript Campo di immissione del testo HTML con simbolo di valuta

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.