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?
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