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

Diferença entre as unidades de pt, px e outras

Olá! Já fiz um curso de web-design mas como fazem uns 13 anos resolvi refazer o da Alura a partir do 0 pra tentar entender os pontos principais do mercado atual. Nunca trabalhei na área e acho que por essa razão acabei nunca entendendo alguns pontos principais, uma dúvida que sempre tive foi justamente a diferença entre as unidades de medida no CSS. Li uma vez que o ideal era utilizar pixel (px) para formas e pontos (pt) para textos, mas gostaria de saber se é isso mesmo e se há alguma outra diferença por exemplo, quando deixamos sem definir a unidade.

3 respostas
solução!

Fala ai Guilherme, tudo bem? Fala ai Guilherme, hoje em dia é recomendado utilizar px para medidas e elementos que devem ser fixos (independente do tamanho da tela, exemplo: Sombras e bordas).

Para medidas flexíveis é recomendado utilizar o rem (nem mais o pt).

A diferença é como o navegador vai calcular o tamanho dos elementos, isso porque no Android as telas tem pontos (pt), já no iOS as telas tem dpi, que seria dp).

E pode ser que 1pt ou 1dp tenham mais de 1px, dependendo da densidade de pixels da tela.

Espero ter ajudado.

Obrigado Matheus! Ajudou muito, muito obrigado!

Magina Guilherme, sempre que precisar não deixe de criar suas dúvidas.

Abraços e bons estudos.