/ / Alterando o tamanho do texto de acordo com a resolução da Zurb Fundation - zurb-foundation

Alterando o tamanho do texto de acordo com a resolução da Zurb Fundation - zurb-foundation

A base é legal, mas eu quero perguntar uma coisa: como podemos alterar o tamanho do texto quando usamos dispositivos diferentes com diferentes níveis de resolução. obrigado.

Respostas:

0 para resposta № 1

Não há suporte direto para isso na Foundation 5.

Você terá que usar consultas de mídia para redimensionar seus tamanhos de fonte para diferentes resoluções. Existem muitas maneiras de implementar isso.

Uma abordagem possível é especificar font-size no elemento container em pixels e, em seguida, use ems para tamanhos de elementos filho.

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

Outras abordagens aqui Tamanho da Fonte Responsivo