Como estamos criando um projeto responsivo a unidade de medida para o font-size não deveria ser vw ou vh?
Como estamos criando um projeto responsivo a unidade de medida para o font-size não deveria ser vw ou vh?
Olá, Danilo, como vai?
Sua dúvida é bem interessante! Quando trabalhamos com responsividade, o uso de unidades relativas como vw (viewport width) e vh (viewport height) pode sim fazer sentido em alguns casos, mas não é a escolha mais comum para font-size.
A prática mais comum é usar unidades como rem ou em, que se ajustam com base no tamanho da fonte do elemento raiz (rem) ou do elemento pai (em). Essas unidades permitem que o texto responda melhor a ajustes de acessibilidade e variações no layout sem ficar diretamente preso ao tamanho da viewport.
Por exemplo:
font-size: 1rem; /* Adapta ao tamanho da fonte do documento */
Unidades como vw e vh são mais usadas para controlar larguras e alturas de elementos, como imagens ou seções, para garantir que se ajustem à tela do usuário.
Eu encontrei esse artigo no Medium falando um pouco sobre as unidades de medida, é uma leitura muito boa.
Espero ter ajudado!
Siga firme nos seus estudos e conte com o fórum sempre que precisar!
Abraços :)