Spezielle Formatierungen für bestimmte Größen werden ignoriert

Tach beisammen,

irgendwie hänge ich gerade an einem Problem und verstehe es nicht. Ich würde gerne für iPad und iPhone das Schriftbild etwas verändern und die Texte bzw. Überschriften kleiner machen. Leider ignoriert er meine Anweisungen im Mediaquery und verwendet nur die vom 768.

Folgende CSS hab ich:

• responsive-1sp-768 (@media all and (max-width:768px)
• responsive-1sp-480 (@media all and (max-width:480px)

Reihenfolge im Layout:

• responsive-1sp-480
• responsive-1sp-768

In der Datei 768 ist die H1 34px groß. In der 480 nur 24px. Meinem Verständnis nach müsste sich dann ein Handy die Formatierung von 480 nehmen...tut es aber nicht. Es bleibt die von 768.

Muss hier ein "min-width" angegeben werden? Irgendwie scheint er die Datei gar nicht auszugeben....obwohl sie im Layout eingebunden ist und auch unter assets/css erzeugt wird. Grrrrr!!!

Gruß
Frank

hallo,

hast Du diese Anweisung schon im stylesheet?

Zurücksetzen der Auto-Schriftskalierung
html {
-webkit-text-size-adjust: none;
}

Wenn ich das im Stylesheeteditor bei Eigener Code eingebe, gibt es mir im Frontend ein leeres html {} aus.

Ich habe das GEfühl das mein CSS gar nicht ausgegeben wird obwohl es im Layout aktiviert ist. Sehr seltsam...

Also ich habe gerade noch mal geschaut ob mein media query orientation portrait im Quelltext landet.....Fehlanzeige. Im Layout ist es angehakt...ausgegeben wird es nicht. Ist das ein Bug von Contao 3.2.9?

Cache geleert und deaktiviert habe ich

VG

Versuchs mal mit:

(min-device-width: 481px) and (max-device-width: 768px) für das iPad.

Gruß