Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

[Dúvida] layouts responsivos

Eu tenho uma dúvida relacionado a questão de unidades de medidas: eu vejo durante os videos quandos os professores estão desenvolvendo a parte do CSS dos projetos, que algumas vezes, propriedades como :height; gap, bordas entre outros recebem valores em (px). Minha dúvida é : Por que nesses casos não são utilizados unidades relativas?(sendo que em outras ocasiões dentro do mesmo projeto há uma mudança de medidas).

2 respostas
solução!

Olá, Rodrigo, tudo bem? Espero que sim!

As unidades de medida no CSS podem ser absolutas (como pixels, "px") ou relativas (como porcentagem, "em", "rem", "vw", "vh"). A escolha entre uma ou outra depende do contexto e do que você deseja alcançar com o seu layout.

Os pixels são uma unidade de medida absoluta e são úteis quando você deseja definir um tamanho fixo para um elemento, independentemente do tamanho da tela ou do tamanho do texto do usuário. Por exemplo, se você deseja que uma borda tenha sempre 1px, não importa o tamanho da tela ou do texto, você usaria pixels.

As unidades relativas, por outro lado, são úteis quando você deseja que o tamanho de um elemento se ajuste de acordo com o tamanho da tela (no caso de "vw" e "vh") ou o tamanho do texto (no caso de "em" e "rem"). Por exemplo, se você deseja que o tamanho de uma fonte seja sempre 1.5 vezes o tamanho da fonte base do usuário, você usaria "em" ou "rem".

Então, voltando à sua pergunta, a razão pela qual os professores às vezes usam pixels em vez de unidades relativas é porque eles querem que certos elementos tenham um tamanho fixo, independentemente do tamanho da tela ou do texto. Isso pode ser útil em muitos casos, como quando você deseja que uma imagem tenha sempre o mesmo tamanho, ou que uma borda seja sempre do mesmo espessura.

Espero ter ajudado e bons estudos!

Muito obrigado pela explicação, me ajudou bastante!