Unterschiedliche font-size bei unterschiedlichen Bildschirmgrößen

  • Ich teste gerade ein responsive flex-box Beispiel von O'Reilly (mobile first) und möchte darin einbauen, dass per media query die unterschiedlichen Bildschirmgrößen auch unterschiedliche font-size bekommen. Ich bekomme trotz media query aber immer nur 1 font-size! Ich habe die beiden CSS Einträge direkt vor dem </style> gesetzt:

    Im Beispiel paßt die font-size auf großen Viewports, schrumpft aber bei kleinen Viewports bis ins Unleserliche. Wenn ich die media query wegnehme, paßt es auf kleinen Viewports, wird auf großen aber riesig.


    Warum funktioniert das nicht?

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!