Logo Design Responsivo

Design Responsivo

Unidades relativas versus unidades absolutas

Unidades relativas versus unidades absolutas

Para Design Responsivo sempre será indicado usar unidades relativas em vez de absolutas.

Unidades absolutas (cm, mm, in, pt e pc) são medidas expressas que não dependem de valores de referência. Se você constrói um box com uma largura de 800cm ele terá esse valor em todas as versões, desde desktop até mobile, independentemente do tamanho da tela. E isso pode causar um problema que não vai passar despercebido pelo usuário.

Unidades relativas (%, em, ex, rem, ch, etc) são medidas que se baseiam em um valor de referência definido anteriormente. Portanto essas unidades são mais úteis porque podem mudar de acordo com o tamanho da tela, se adaptando ao contexto em que estão inseridas.

Uma coisa importante a se refletir é que apesar da unidade px (pixel) ser fixa ela pode ser considerada híbrida porque ela é calculada com base na resolução da tela onde o documento é visualizado, logo poderá variar de tela para tela.

Mesmo assim é conveniente sempre preferir medidas relativas. Logo, prefira larguras em porcentagem às larguras fixas com pixels, prefira tamanhos de fontes com unidades em em vez de pixels ou pts.

Saiba mais sobre unidades relativas no vídeo a seguir.

12 / 14