Perché la dimensione del carattere non cambierà con lo zoom del browser?

Nella maggior parte dei siti Web, mentre cambio il livello di zoom dei browser, le dimensioni dei caratteri aumentano e aiutano gli utenti a vederle. Per alcuni motivi, questo non funzionerà sul mio nuovo sito web. Mentre cambio il livello di zoom del browser, tutto cambia ma tutte le dimensioni dei caratteri rimangono invariate. C'è una proprietà css o html che posso usare per controllare questo comportamento? GraziePerché la dimensione del carattere non cambierà con lo zoom del browser?

ecco un esempio: http://ca.skywatcher.com/index.php

fonte

2011-10-26 lucemia

Puoi fornire un esempio di codice HTML? –

@Perché non tutti sono in grado di esplorare il tuo sito esattamente come lo vedi tu. Riguarda l'accessibilità per le persone con problemi alla vista o vari altri motivi. –

@JamWaffles Grazie per averci fatto sapere cosa non ti interessa. Posso immaginare di far zoomare gli utenti per leggere il testo sui miei siti web per essere una caratteristica piuttosto cruciale, ma mi hai mostrato gli errori dei miei modi. – jball

Il problema è che è stato impostato -webkit-text-size-adjust: none; per il corpo in layout.css. La sua modifica in -webkit-text-size-adjust: auto; consente lo zoom dei caratteri insieme alla pagina.

Modifica: corretto il CSS. Dovrebbe essere auto non 0

fonte

2011-10-26 19:57:00 Lycha

Buona scoperta! Questo spiega perché il problema non si verifica con Firefox. Ecco un articolo su '-webkit-text-size-adjust': http://www.456bereastreet.com/archive/201011/beware_of_-webkit-text-size-adjustnone/ – jdigital

@jdigital Haha, stavo proprio leggendo quello . Volevo sapere perché funziona anche questo. – Lycha

Funziona, grazie mille !! – lucemia

caratteri utilizzando una dimensione specifica pixel non sono relative (insieme a molti altri). Lo zoom cambia le informazioni relative.

Da http://www.westciv.com/style_master/academy/css_tutorial/properties/values.html

Name  Abbrev. Explanation        Relative? 
em   em  The height of a font     yes 
ex   ex  The height of the letter x in a font yes 
pica  pc  1 pica is 12 points      no 
point  pt  1/72 of an inch       no 
pixel  px  One dot on a screen      no 
millimeter mm  Printing unit       no 
centimeter cm  Printing unit       no 
inch  in  Printing unit       no

fonte

2011-10-26 19:31:58

I browser moderni eseguiranno lo zoom di tutto, indipendentemente dalle unità specificate per il carattere. Guarda la risposta di @Lycha – jdigital

@jdigital Strano ... Non riesco più a riprodurre quello che ho visto qualche giorno fa ... (Ricordo che ho controllato che lo stile computerizzato negli strumenti di sviluppo NON aveva voci -webkit quando lo zoom non ha funzionato). E ora i siti zoom bene ... Puoi cancellare il tuo commento sul mio commento precedente e cancellerò questo. – netvope

Se stai usando una larghezza di punto fisso per le impostazioni di font-size (es .: pixel), quindi la dimensione del carattere rimarrà invariato quando l'utente ingrandisce. Se vuoi che il carattere si ingrandisca o diminuisca quando l'utente ingrandisce/rimpicciolisce, allora considera l'utilizzo di em come unità (1 em = 100% della dimensione del carattere predefinito sul computer dell'utente).

fonte

2011-10-26 19:35:11

Lo zoom cambia anche la dimensione del carattere. – k3liutZu

Perché la dimensione del carattere non cambierà con lo zoom del browser?

risposta

Problemi correlati