Warum sind die Schriftgrößen von EM auf Android-Handys extrem klein?
Ich verwende em für Schriftgrößen. Beispiel:
Aus irgendeinem Grund bekomme ich super winzige Schriftarten auf Android-Handys. Was könnte das verursachen? Das habe ich noch nicht erlebt.
Screenshot
3 Antworten
Da Sie em -Werte für Ihre font-size verwenden, basiert sie auf dem übergeordneten Container und nicht auf <body> . Stattdessen können Sie rem values verwenden, was für root em steht, wobei root für das html -Tag steht. Also versuchen Sie Folgendes:
CSS
%Vor%Sie können mehr über CSS-Einheiten auf der W3-Schule erfahren.
em ist relativ zur Schriftgröße seines direkten oder nächsten Elternteils. Dies macht es anfällig für dramatische Änderungen, wenn einer seiner direkten Eltern niedrige / hohe Werte für die Eigenschaft font-size hat.
Stattdessen sollten Sie rem (root em ) verwenden, das relativ zur Schriftgröße des Elements <body> ist.
Damit Ihre font-size -Eigenschaft korrekt angewendet wird, müssen Sie sicherstellen, dass Sie über die richtige viewport settings <head> . Bitte beachten Sie, dass <meta name="viewport" ... > das erste Ihrer Metatags sein sollte, um auf allen Geräten angewendet zu werden (einige ignorieren es, wenn es nicht das erste ist).