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 %??
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 %??
hoje, com a Alura e o Google Gemini
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 :)