/ / Modification de la taille du texte en fonction de la résolution dans Zurb Fundation - zurb-foundation

Modification de la taille du texte en fonction de la résolution dans Zurb Fundation - zurb-foundation

Foundation est cool, mais je veux demander une chose, comment pouvons-nous changer la taille du texte lorsque nous avons pour différents appareils avec différentes éboulis. Merci.

Réponses:

0 pour la réponse № 1

Il n'y a pas de soutien direct pour cela dans Foundation 5.

Vous devrez utiliser des requêtes multimédia pour dimensionner vos tailles de police pour différentes résolutions. Il y a plusieurs façons de le mettre en œuvre.

Une approche possible est de spécifier font-size sur l'élément conteneur en pixels, puis utilisez ems pour les tailles des éléments enfants.

.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 */
}

Autres approches ici Taille de police réactive