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 gestire l'evento onclick del button all'interno della window popup in android
  • Android - Perché ConnectivityManager.isActiveNetworkMetered restituisce sempre vero (anche su Wifi)
  • Android NDK: ATTENZIONE: APP_PLATFORM android-9 è più grande di androidi: minSdkVersion 8
  • Stesso numero di serie su diversi dispositivi android. Adb è inutile. Come posso modificare il numero di serie?
  • XMPP e Android
  • La costruzione e l'esecuzione di app tramite Gradle e Android Studio è più lenta che via Eclipse
  • All'allineamento di Android verso destra e sinistra nel layout orizzontale
  • Cambiare il colore di background di una scheda in TabLayout (libreria di supporto per il design di Android) non occupa l'integer spazio di tabulazione
  • Utilizza sia Play Services che SDK di AdMob
  • Come aggiungere tre livelli ListView in ExpandableListView in android
  • Errore Android appcompat v7
  • Come aggiungere MenuItem a SubMenu nella nuova navigazione di Google?
  • 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.