CONTAO 4.4.35 - Schriftgröße auf Android Tablet

[mv-soft]

Hallo,


ich habe momentan ein seltsames Verhalten:

Eine Testseite zeigt auf dem Monitor die korrekte Schriftgröße von 16px an:
http://markovogt.de.85-236-62-219.mv...r.de/test.html


Auf einem Android- Tablet aufgerufen, ist die Schriftgröße deutlich größer (auch in der Ansicht: Desktopwebsite). Ändere ich die Textmenge, sind beide Ansichten identisch.


Für diese Testseite wurde alles im Template abgeschaltet, nur die reset.css ist aktiv und 1 eigene CSS Anweisung:





body {
background-color:#dedede;
background-image:url("files/themes/theme-vogt/marko-vogt-2003.jpg");
background-repeat:no-repeat;
font:16px Verdana,Arial,sans-serif;
font-weight:normal;
text-decoration:none;
color:#dedede;
}



Was habe ich übersehen?


Vielen Dank für Infos.

[Spooky]

Deine Seite ist nicht responsive (der Viewport Meta Tag fehlt), daher stellt der Browser die Schriftgrößen auch verschieden groß dar, damit der Smartphone User trotzdem noch lesen kann, was da steht.

[mv-soft]

Hallo,



vielen Dank, das habe ich gemacht, siehe Anlage.


Trotzdem wird die Schriftgröße bei unterschiedlicher Textmenge geändert.



Dazu habe ich 2 Anlagen beigelegt:

- oben auf großem Monitor mit Chrome (75.0.3770.100), Windows 10
- unten auf einem Tablet mit Chrome (75.0.3770.101), Android 8.1.0



Woran kann das liegen?

[Spooky]

Der Grund ist immer noch der selbe . Du hast nun folgenden Viewport drin:

<meta name="viewport" content="initial-scale=1">

Das hat im Endeffekt keine Auswirkung. Wenn du eine Responsive Seite machst, dann legst du die Viewport Breite bspw. mit width=device-width fest. Insgesamt also bspw.:

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

Das ist auch die Viewport Angabe, die Contao automatisch benutzt, wenn du das Responsive CSS Framework aktivierst.

[mv-soft]

Die neue Angabe für den Viewport wurde gesetzt, das Problem bleibt: sobald ich auf der Testseite etas mehr Text aktivierte, vergrößert sich die Schriftgröße.

Um mögliche Fehlerquellen auszuschließen, hatte ich dafür im Seitenlayout alles unnötige emntfernt.

2 neue Screenshots zeigen den Unterschied in der Schriftgröße, siehe Anlage.

[mv-soft]

Trotz intensiver Kontrollen konnte ich das Problem noch nicht beheben.

Ich habe jetzt das Tablet per Remote- Console an den Chrome- Browser angeschlossen und kann damit den Quellcode untersuchen.

Dabei wird angezeigt, das ein element.style auf über 20 px gestellt wird.


Was habe ich übersehen?

[marq]

Wenns Check mal das hier:

https://support.google.com/accessibi.../6006972?hl=de

bzw. guck mal bei den Einstellung der Chrome App nach der Schriftgröße.