Responsive globale Schriftgröße auf Foundation 6

Question

Die globale Schriftgröße in Foundation-6 ist 16px und kann in _settings.scss geändert werden. Gibt es eine Möglichkeit, diese Größe abhängig von der Bildschirmbreite zu variieren? Ich möchte diese Größe auf 13px für small Bildschirme verringern. Ich weiß, dass es so etwas für die Header gibt, aber ich frage hier nach der globalen Größe. Vielen Dank!

Answer 1

Ich würde wahrscheinlich einen Satz von Medienabfragen zu Ihrer app.scss Datei hinzufügen, um die Schriftgröße für jeden Haltepunkt festzulegen. Das macht Sinn?

Answer 2

Ich würde so etwas tun (gerne Stiftung Funktion verwenden, um den Wert in Pixel rem oder em zu konvertieren):

body{ 
font-size:13px; 
@include breakpoint(medium) { 
    font-size:$global-font-size; 
} 
}