Hallo,

ich habe ein Projekt von mir auf Responsive Design umgestellt. Nun möchte ich noch die Schriftgröße für Smartphones von 11px auf 12px anpassen. Dies funktioniert jedoch nicht so richtig. Habe hierzu im Media-Query die Anpassung auf 11px entfernt. Da es nicht funnktionierte, habe ich zudem im Media Query 12px eingetragen und auf !important gesetzt. Altenativ habe ich die Einstellungen mit em und Prozent ausprobiert. Im Iphone- oder Android-Simulator wird die Schrift wunschgemäß in 12px dargestellt. Auch wenn ich das Browserfenster am Desktop entsprechend zusammen schiebe, wird es wunschgemäß in 12px dargestellt. Auf meinem Smartphone (Android) wird es jedoch nach wie vor in 11px dargestellt. Woran kann das liegen? Ich bin normalerweise recht erfahren in CSS, aber das kann ich mir nicht erklären.

Ich kann auch einen Link posten, falls das hier im Forum erlaubt ist.

Ein Link ist nicht nur erlaubt, er ist auch erwünscht, damit wir dir helfen können.

Alles klar, hier der Link zur Seite

Und was funktioniert da nicht? Da sind es 12px bei kleinen Auflösungen.

12px? mit welchem Gerät?

Einfach Browser kleiner ziehen. Dann sieht man es. Bei mir sind es aber auch im großen Fenster 12px.
Wie willst du die Schriftgröße auf einem Smartphone messen? So lang es gut lesbar ist, passt es doch?

Hallo,

ja beim Browser-Fenster kleiner ziehen werden 12px angezeigt. Aber das Smartphone tut es eben nicht. Die Schrift ist dort kaum lesbar.

Inwiefern ist die Schrift kaum lesbar? Mach sie mal größer (20px) und teste dann, ob sich was tut.

Ja stimmt, jetzt tut sich was. Hatte bisher nur 12px und 14px ausprobiert.
Danke dir!