Chrome su android ridimensiona il font

Apparentemente una volta che un paragrafo di text raggiunge una certa lunghezza, il cromo su android decide di ridimensionare il text e renderlo più grande (causando each tipo di divertimento). Ora ho un sito web in cui circa la metà dei p-tag segue le size che ho impostato e l'altra metà cambia a piacimento, apparentemente a seconda della lunghezza del paragrafo.

Come posso risolvere questo problema?

  • Come sviluppare la barra di stato personalizzata in android JellyBean 4.2.2
  • Android: convertire data in millisecondi
  • Android Inserisci ed esegue l'animation
  • ActionBar con azione ActionBarItemBackground AppCompat non funzionante
  • Come progettare un'applicazione per supportre dispositivi e tabelle multi-schermo in Android
  • Come creare un GIF animato da JPEG in Android (sviluppo)
  • come utilizzare ffmpeg / libavcodec / libstagefright
  • Il login Google accede al token di accesso con i nuovi GoogleSignInOptions
  • Phonegap - Scegli la foto dalla galleria
  • Percorso locale di Android Studio non esiste (cartella classi invece di apk)
  • Può una risorsa selettore utilizzare un colore definito in uno stile?
  • RecyclerView LinearLayoutManager computeVerticalScrollOffset () non restituisce il valore corretto
  • 8 Solutions collect form web for “Chrome su android ridimensiona il font”

    Aggiungi max-height: 999999px; all'elemento che si desidera impedire il miglioramento del carattere o il suo genitore.

    Includi il seguente tag <meta> nel documento <head> :

    <meta name="viewport" content="width=device-width, initial-scale=1">

    Questo stabilirà correttamente il frame di visualizzazione e quindi eliminerà la necessità di "FontBoosting".

    Metti questo nel tuo reset. html * {max-height:1000000px;}

    È ora presente una properties; CSS che può essere impostata per controllare questo:

     -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; 

    Vedi https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust

    Dopo alcune prove questa regola mi ha aiutato. Deve essere aggiunto all'elemento che contiene il text aumentato o il suo genitore a seconda della struttura div / table.

     element or parent element { /* prevent font boosting on mobile devices */ width: 100%; height: auto; min-height: 1px; max-height: 999999px; } 

    Forse i valori di width e di heigth devono essere corretti secondo le vostre esigenze.

    Questo è chiamato "boost font" e viene descritto in dettaglio in questo bug WebKit . Attualmente non c'è modo di distriggersrlo.

    Ho trovato una soluzione per le mie pagine: dare all'elemento padre una width e un'altezza! Il font non esce da tali confini e rimarrà così piccolo (er).

    Nel mio caso aggiungendo "max-height: 999999px;" a tag "html" ha risolto il problema.

    L'Android è un fan Android di Google, tutto su telefoni Android, Android Wear, Android Dev e applicazioni Android Games e così via.