media queries staffeln

[Matthias Apsel]

Hallo fozzyozzy,

Hallo. Also es funktioniert nicht. Ich könnte noch durchdrehen

Funktioniert nicht funktioniert nicht als Fehlerbeschreibung.

Ich kürze dein CSS, sodass es dieselbe Wirkung hat.

/* alles was klein ist */
.typoklein {
    font-size: 0.7em;
    color: blue;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%); 
    /* -ms-transform: translateY(-50%); nur IE9 - so what? */
    transform: translateY(-50%);
    text-align: left;
}
/* Smart Phones und Tablets mit kleiner Auflösung umg. 375px */
@media all and (min-width: 16em) {
    .typoklein {
        font-size: 0.8em;
        color: green;
    }
}

Wie hast du deine Breakpoints ermittelt? Sie müssen sich nach deinem Inhalt richten, nicht nach dem Ausgabegerät. Siehe zum Beispiel https://wiki.selfhtml.org/wiki/Responsive_Tabellen

Ich gehe außerdem davon aus, dass die Farbe nur geändert wird, um festzustellen, ob die Mediaquery angewendet wird. Der Unterschied in der Schriftgröße von 0.1em sollte mMn. keine MQ nötig machen.

Das beste wäre, du zeigst die Seite.

Bis demnächst
Matthias