/ / Modifica delle dimensioni del testo in base alla risoluzione in Zurb Fundation - zurb-foundation

Modifica della dimensione del testo in base alla risoluzione in Zurb Fundation - zurb-foundation

La base è fighissima, ma vorrei chiedere una cosa, come possiamo cambiare la dimensione del testo quando usiamo dispositivi diversi con diversi tipi di ghiaia. Grazie.

risposte:

0 per risposta № 1

Non c'è un supporto diretto per questo in Foundation 5.

Dovrai utilizzare le query multimediali per ridimensionare le dimensioni dei caratteri per risoluzioni diverse. Ci sono molti modi per implementarlo.

Un possibile approccio è specificare font-size sull'elemento contenitore in pixel e quindi utilizzare ems per le dimensioni degli elementi figlio.

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

Altri approcci qui Dimensione del carattere reattiva