cambia la dimensione del carattere di testo dell’intero contenuto della pagina

c’è un modo in javascript / css che posso cambiare la dimensione del testo di tutte le etichette, intestazioni, paragrafi ecc. con un solo clic e senza ottenere esplicitamente l’id dell’elemento e poi cambiarne la dimensione.

quello che sto facendo in questo momento è che ottengo id di elemento tramite javascript e cambiare la sua dimensione del carattere esplicitamente. Per avere un’idea chiara di ciò che sto facendo, controlla questo link o controlla il codice seguente

 function changemysize(myvalue) { var div = document.getElementById("mymain"); div.style.fontSize = myvalue + "px"; }  

Codice HTML

 Choose a text size: A A A 
Only this text gets affected

Aggiungi un id al tag body e poi vai avanti e modifica la sua dimensione del font con JavaScript. Questo cambierà la dimensione del carattere per ogni elemento all’interno della tua pagina web! È così semplice!

Puoi usare rem , che è meglio di em in alcuni posti perché em cascades e rem no.

Con tutte le lunghezze specificate in rem , puoi modificare le dimensioni modificando la dimensione del carattere dell’elemento .

Vedi anche: http://snook.ca/archives/html_and_css/font-size-with-rem

Ti consiglio di utilizzare ems come misura per impostare le dimensioni dei caratteri. In questo modo, con 1 tag, puoi regolare le dimensioni del carattere di ogni elemento relativamente , invece di specificare dimensioni specifiche. Esempio:

 body { font-size: 1em; } h1 { font-size: 1.5em; } h2 { font-size: 1.3em; } p.large { font-size: 1.2em; } 

Quindi potresti applicare una class al corpo, in questo modo

 body.enlarged { font-size: 1.3em; } 

Quale ridimensionerebbe la dimensione del carattere di tutti gli elementi, rispettivamente. Il codice javascript sarebbe simile a questo:

 document.body.classList.add('enlarged'); 

Demo qui: http://jsfiddle.net/bW9fM/1/

Ha funzionato per me:

 function changeFont(element){ element.setAttribute("style",element.getAttribute("style")+";font-family: Courier New"); for(var i=0; i<element.children.length; i++){ changeFont(element.children[i]); } } changeFont(document.getElementsByTagName("body")[0]);