1
resposta

Duvidas

Qual é a função do Ratio nos media? Que vantangem o ratio trás na responsividade?

1 resposta

Oi Pedro,

Esse é um assunto bem técnico, vou te explicar incialmente mas se você realmente for seguir por essa área sugiro se aprofundar.

O píxel ao contrário do que muitos devs pensam, não possui uma medida absoluta, pois o tamanho é diretamente relacionado a quantidade de pixels por polegadas ou ppi (pixel per inch). O que ocorre é que o valor do pixel sofre a influência da quantidade de pixels que suporta a resolução do dispositivo, ou seja, quanto maior a densidade de pixels um dispositivo possui, mais pixels por polegada cabem na tela.

De acordo com o tamanho da tela, ele terá uma pixel ratio diferente, ou seja, uma imagem declarada com 70px de largura aparecerá diferente dependendo do dispositivo. Isso é contornado com a unidade de medida "rem", pois é uma medida relativa que depende de uma medida base. Essa medida base não leva em consideração a proporção dos dispositivos, ou seja, o valor transformado em pixel não será multiplicado pela densidade oferecida pela tela.