Values


    How values are calculated:
    • 1.5rem = 1.5 x tamanhoAtualDaFonte
    • Para saber o valor que algo de pixel terá em rem, divide por 10.
      Por exemplo: 1140px = 114rem.


    • Value Processing


    Resumo/Informações
    • Geralmente coloca-se a fonte padrão do HTML em 10px, e ai utiliza o tamanho da fonte no restante do site com rem.
    • Com isso, fica fácil criar por exemplo 16px de fonte, sendo 1.6rem.
    • Também facilita a alteração do tamanho da fonte, visto ser possível alterar o tamanho da fonte do HTML e alterar automaticamente no restante do site.
    • Não colocar a fonte HTML em pixels: ao colocar a fonte do HTML em pixels, as pessoas que utilizam letras maiores no browser para ver melhor não irão conseguir utilizar essa funcionalidade em nosso site.
    • Portanto, utilizamos o valor da fonte HTML em porcentagem (visto que a root font-size é 16px), para ficar 10px.
    • Ficando assim: html { font-size: 62.5% }, portanto, 10px.