Como estamos criando um projeto responsivo a unidade de medida para o font-size não deveria ser vw ou vh?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
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 :)