Unidades de medidas relativas

As unidades absolutas descrevem o tamanho exato que você definiu no software, em telas digitais costumam ser os pixels (px) e, em impressora, unidades de medidas como: cm, mm, in, pt e pc.

As unidades relativas tem o seu tamanho na viewport dependendo das dimensões de outros componentes pais. Entre eles temos:

• Porcentagem, % - tamanho do elemento é uma porcentagem da dimensão correspondente do elemento pai.
• EM – usado para fontes, o tamanho da fonte leva em referência o tamanho de fonte declarado no body.
• REM – usado em fontes, o tamanho da fonte leva em referência o tamanho de fonte do elemento pai.
• VH e VW – viewport height, altura da view port, e viewport width, largura da viewport. Muito parecido à porcentagem, mas ao invés de considerar o tamanho da tela do navegador, leva em consideração o tamanho da viewport.
• VMIN e VMAX – tamanho mínimo e máximo da viewport.