Stefan B.: Kleinere Schriftgröße im DIV auf Chrome Android

Beitrag lesen

problematische Seite

Moin, mir ist aufgefallen, dass unter Chrome Android der Text innerhalb eines DIV kleiner dargestellt wird als außerhalb des DIV, allerdings nur, wenn diesem DIV der Style "display: inline-block;" zugewiesen wurde. Woran könnte das liegen?

Testseite

Screenshot von Chrome Android:

Beispiel-Code:

<p>Bla</p>

<div style="border:1px solid #808080; display: inline-block;">
	<p>Bla</p>
</div>

Im Windows-Chrome passiert das nicht. Habe dann mehrere Android-Browser getestet mit folgendem Ergebnis:

  • Firefox und Opera verkleinern die Schrift nicht.
  • Chrome und Vivaldi verkleinern die Schrift.

Im Header der Testseite ist auch noch die Angabe für Mobilbrowser enthalten:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Gruß Stefan