/ / Cambiando el tamaño del texto según la resolución en la Fundación Zurb - zurb-foundation

Cambiar el tamaño del texto según la resolución en la Fundación Zurb - zurb-foundation

La fundación es genial, pero quiero preguntar una cosa, ¿cómo podemos cambiar el tamaño del texto cuando lo hacemos para diferentes dispositivos con diferentes res sedientes? Gracias.

Respuestas

0 para la respuesta № 1

No hay apoyo directo para eso en Foundation 5.

Tendrá que usar consultas de medios para escalar los tamaños de fuente para diferentes resoluciones. Hay muchas formas de implementar eso.

Un posible enfoque es especificar font-size en el elemento contenedor en píxeles y luego use ems para tamaños de elementos secundarios.

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

Otros enfoques aquí Tamaño de fuente receptivo