1
resposta

Tamanho da imagem

Quando coloco: width: 100% ou max-width: 100% ela funciona normalmente, porém quando utilizo a unidade vw, e coloco:

width: 100vw;

ou

max-width: 100vw;

ela fica mais larga do que a tela. Para se encaixar, preciso colocar:

width: 98.7vw;

ou

max-width: 98.7vw; 

Alguém sabe por que isso ocorre? Só uma dúvida mesmo. É porque não gosto muito de usar porcentagem para definição.

1 resposta

As unidades vh e vw são úteis quando é preciso usar a largura ou a altura da viewport. A medida vh é igual a 1/100 da altura da viewport. Então, por exemplo, se a altura do navegador é 900px , 1vh equivale a 9px . E, analogamente, se a largura da viewport é 750px , 1vw equivale a 7.5px .

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software