Outro ponto interessante com relação a responsividade
que se encaixa no ponto abordado pelo post das unidades relativas, é a utilização de 'rem' ao invés de 'px'.
Em resposta a 9 princípios de design de web responsivo
1
1
Sobre o Rem
É interessante falar sobre o rem na perspectiva da responsabilidade, já que é uma medida que herda valores da raiz do projeto (ou do navegador, caso você mude o tamanho da fonte diretamente nele), pois essencialmente falando, essa unidade de medida é uma derivação do em, que por padrão tem um valor base já definido:
EM | Valor |
---|---|
1 | 16px |
Diferente do em, podemos definir um valor padrão para determinados casos ao utilizar o rem, por exemplo mudar o meu valor raiz a depender do meu brackpoint.