Bom dia, Gostaria de saber como faço a conversão de % para pixel. Quando colocamos um top de 50%, como sei a quantidades de pixel que isso vira?
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!
Bom dia, Gostaria de saber como faço a conversão de % para pixel. Quando colocamos um top de 50%, como sei a quantidades de pixel que isso vira?
Olá Bruno,
A porcentagem normalmente é relativa a resolução disponível da janela ou da área de visualização ou ao elemento pai, neste caso não há como saber sem conhecer o cliente ou elemento pai.
É uma unidade de medida boa para usar quando você quer posicionar ou dimensionar elementos sem saber as dimensões da tela onde será exibida, quem realiza a conversão de % para px neste caso é o navegador.
Caso deseje visualizar as dimensões você pode abrir a página em um navegador e abrir o inspetor, normalmente a tecla F12 do teclado, também pode ser acessado clicando com o botão direito e clicando em inspecionar elemento.
No inspetor será exibida a quantia de pixels calculada, dependendo de onde aplicou você pode ver mudanças redimencionando a tela ou o elemento pai do elemento com dimensões ou unidades em %.
Fala Rafel, muito obrigado, com o F12 ficou mais claro. :)