Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Dúvida] Responsividade em telas de maior tamanho ou resolução

Digamos que no meu monitor uma fonte de 20px ta boa ai adiciono no css essa medida em rem. Minha duvida é saber se o tamanho de fonte que é boa em uma tela HD também vai ser boa em um monitor 4k usando a unidade rem e/ou se a fonte que é boa em uma tela de 19 polegadas também vai ser boa em um monitor de 28 polegadas ou em uma TV?

1 resposta
solução!

A unidade "rem" (root em) no CSS é baseada no tamanho de fonte padrão do elemento raiz (normalmente o elemento "html") e não muda em relação ao tamanho do monitor ou resolução de tela. Portanto, se você definir o tamanho da fonte em "rem", ela será proporcional ao tamanho da fonte padrão do elemento raiz, independentemente do tamanho ou resolução da tela.

Por exemplo, se você definir o tamanho da fonte padrão do elemento raiz como 16 pixels (usando a propriedade "font-size" no seletor "html"), um valor de 1 rem será equivalente a 16 pixels. Se você quiser que a fonte seja 20 pixels, você pode definir o tamanho da fonte como 1.25 rem (20/16=1.25).

No entanto, é importante lembrar que o tamanho da fonte ideal pode variar de acordo com a preferência do usuário, o tipo de conteúdo exibido e a distância entre o usuário e a tela. Uma fonte que parece boa em uma tela de 19 polegadas pode parecer pequena em um monitor de 28 polegadas ou em uma TV, especialmente se o usuário estiver sentado mais longe da tela.

Por isso, é uma boa prática testar a aparência do seu site ou aplicativo em diferentes tamanhos de tela e ajustar o tamanho da fonte conforme necessário para garantir uma boa legibilidade e usabilidade em todas as situações.