/ / Änderung der Textgröße nach Beschluss in Zurb Fundation - zurb-foundation

Änderung der Textgröße nach Beschluss in Zurb Fundation - zurb-foundation

Foundation ist cool, aber ich möchte eine Frage stellen, wie können wir die Größe des Textes ändern, wenn wir für verschiedene Geräte mit unterschiedlichen Geräuschen res. Vielen Dank.

Antworten:

0 für die Antwort № 1

Dafür gibt es in Foundation 5 keine direkte Unterstützung.

Sie müssen Medienabfragen verwenden, um Ihre Schriftgrößen für unterschiedliche Auflösungen zu skalieren. Es gibt viele Möglichkeiten, das zu implementieren.

Ein möglicher Ansatz besteht darin, anzugeben font-size für ein Containerelement in Pixeln und verwenden Sie dann ems für die Größe der untergeordneten Elemente.

.homepage {

font-size: 16px;

@media #{$large-up} {
font-size: 20px;
}
}

.homepage p {
font-size: 1em;
}

.homepage small {
font-size: 0.75em; /* 12px on small and medium screens, 15px - on large */
}

Andere Ansätze hier Responsive Schriftgröße