Sobald ein Textabschnitt eine bestimmte Länge erreicht hat, beschließt Google Chrome unter Android, die Größe des Textes zu ändern und ihn zu vergrößern (was jede Menge Spaß macht). Jetzt habe ich eine Website, auf der ungefähr die Hälfte der p
Tags der von mir festgelegten Größe folgt und die andere Hälfte sich nach Belieben ändert - anscheinend abhängig von der Länge des Absatzes.
Wie um alles in der Welt kann ich das beheben?
Antworten:
Fügen Sie
max-height: 999999px;
dem Element, das Sie verbessern möchten, oder dem übergeordneten Element hinzu.quelle
div
waren unbeholfen oben auf der Seite zusammengeklappt. Decken Sie Ihre Site nicht mit einer Definition für die maximale Höhe ab! Nur bei Bedarf verwenden und gründlich testen.min-height: 1px
leider keine Auswirkungen.max-height: 999999px
macht den Trick aber. Mein Fall war ein sehr langer Inhalt, der während der Ein- / Ausfahrt der Route überging. Das Boosten der Schriftarten erfolgte entweder während oder kurz nach dem Übergang, nicht sicher, welche, aber es verursachte eine sehr merkliche Verschiebung.Fügen Sie das folgende
<meta>
Tag in das Dokument ein<head>
:<meta name="viewport" content="width=device-width, initial-scale=1">
Dadurch wird der Ansichtsrahmen korrekt festgelegt, und "FontBoosting" ist nicht mehr erforderlich.
quelle
<meta name="viewport" content="width=device-width, initial-scale=0.5, user-scalable=no">
und ich bekomme immer noch Chromes schreckliche SkalierungEs gibt jetzt eine CSS-Eigenschaft, die Sie festlegen können, um dies zu steuern:
Siehe https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust
quelle
Setzen Sie dies in Ihren Reset.
html * {max-height:1000000px;}
quelle
*
Ansatz verwenden. Trotzdem würde ich behaupten, dass dies eines dieser obskuren Dinge ist, die Sie wahrscheinlich vergessen würden und die in Zukunft Probleme verursachen könnten. Aus Gründen der Wartbarkeit hätte ich es wahrscheinlich belassen,*
selbst wenn es zu diesem Zeitpunkt nur eines gewesen wäre wenige Elemente.* max-height...
in meinem Code LOLNach einigen Tests hat mir diese Regel geholfen. Muss je nach div / table-Struktur entweder zu dem Element hinzugefügt werden, das verstärkten Text enthält, oder zu dem übergeordneten Element.
Möglicherweise müssen die Werte für Breite und Höhe entsprechend Ihren Anforderungen korrigiert werden.
quelle
Ich habe eine Lösung für meine Seiten gefunden: Geben Sie dem übergeordneten Element eine Breite und Höhe! Die Schriftart überschreitet diese Grenzen nicht und bleibt daher klein (er).
quelle
Dies wird als "Font Boosting" bezeichnet und in diesem WebKit-Fehler ausführlich beschrieben . Es gibt derzeit keine Möglichkeit, es zu deaktivieren.
quelle
max-height: 999999px
@moeffju beschrieben wird.