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.
hoje, com a Alura e o Google Gemini
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 .