Text vertikale Ausrichtung Problem in Android und iOS
Ich habe eine Website erstellt, wo alle Texte für einige Pixel in Android Tablet und Handy im Vergleich zum Desktop verglichen werden.
Möchte ein kleines Beispiel kopieren.
Hier ist mein HTML-Code:
%Vor%Hier ist der CSS-Code:
%Vor%Darf jemand wissen, warum der Text auf dem Tablet nicht richtig ausgerichtet ist?
Hier ist der Screenshot der richtigen Ausrichtung auf dem Desktop-Browser
Und hier ist der Screenshot des Problems im Tablet-Browser
Auf dem Desktop funktioniert das sowohl in FF als auch in Chrome, aber auf dem Android-Tablet ist es falsch ausgerichtet wie in Chrome, genauso wie in den FF-Browsern, es funktioniert auch nicht richtig im Safari-Browser von ios. Hier ist der Link:
Hoffe, dass jemand hilft, dieses Problem zu verstehen und die beste Lösung vorschlagen wird.
Danke.
2 Antworten
Habe ein ähnliches Problem gehabt. Scheint, die benutzerdefinierte Schriftart zu sein, die das Problem verursacht. Versuchen Sie, die benutzerdefinierte Schriftart durch etwas Generisches wie Sans-Serif zu ersetzen. Noch nicht sicher, wie Sie das Problem beheben können, indem Sie dieselbe benutzerdefinierte Schriftart verwenden, die das Problem verursacht.
Haben Sie versucht, die CSS-Eigenschaft "vertical-align" tatsächlich zu verwenden? Probieren Sie dies .
Tags und Links html android css google-chrome