Por que temos tanta diferença em usar px e % no css ? Pois não consigo alcansar o mesmo resultado com % igual tenho com px e quando faço alguma outra intervenção quebra todo o layout. Quando usar px e quando usar %??
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Por que temos tanta diferença em usar px e % no css ? Pois não consigo alcansar o mesmo resultado com % igual tenho com px e quando faço alguma outra intervenção quebra todo o layout. Quando usar px e quando usar %??
E ai Paulo!
A diferença entre elas acontece por que uma é uma medida relativa e a outra exata, por exemplo: Se você escrevesse um código que diz que uma imagem deve ter 100% de largura, significa que essa imagem vai se adaptar a largura de cada janela. Você pode experimentar isso redimensionando o tamanho da janela do seu navegador, a imagem vai mudar de tamanho pra sempre ficar inteira.
Ja quando a medida é dada em px ela vai manter aquele tamanho não importa em que dispositivo você esteja vendo ou o tamanho da janela do seu navegador entende?
Agora sobre quando usar cada uma é uma questão subjetiva. Quando você precisar que um elemento tenha um tamanho relativamente igual sempre (como por exemplo o cabeçalho de um site, que sempre tem a mesma largura que a janela) é uma boa ideia usar %. Caso precise de um tamanho exato é melhor usar px.
Espero ter ajudado :)