Conversão de valores lidos em JavaScript
A função getComputedStyles não obtém
exatamente os valores que foram definidos no CSS.
Ela os converte em valores absolutos,
normalmente em pixels.
Vamos ver um exemplo. Suponha que tenhamos uma largura definida em porcentagem:
#elem {
width: 100%;
}
No entanto, ao ler a largura, obteremos um valor não em porcentagem, mas em pixels:
console.log(computedStyle.width); // valor em px
Os seguintes estilos foram definidos para o elemento:
#elem {
font-size: 2em;
}
Ao clicar no botão, exiba o tamanho da fonte do elemento.
