As barras de rolagem devem ser integradas à largura da viewport quando o conteúdo difere?

1. Visualize a largura inclui barra de rolagem?
2. Por que 100VW inclui barra de rolagem?
3. O que a largura 100VW faz?
4. O que é largura de viewport 100VW?

Visualize a largura inclui barra de rolagem?

Muitos assumem que a largura: 100VW é a mesma que a largura: 100% . Isso é verdade em uma página que não rola verticalmente, mas o que você pode não perceber é que a viewport também inclui as barras de rolagem também.

Por que 100VW inclui barra de rolagem?

Por que 100VW inclui a largura da barra de rolagem? Se o valor de estouro do elemento raiz for automático (seu padrão), a VW incluirá o scrolbar na largura quando aparecer.

O que a largura 100VW faz?

100VW representariam 100% da largura da viewport, ou a largura total da tela.

O que é largura de viewport 100VW?

Em alguns navegadores, a largura da viewport inclui a barra de rolagem. Ao usar a largura: 100VW em navegadores configurados para mostrar uma barra de rolagem completa, que avalia a largura do site visível, além da largura da barra de rolagem. Mas um elemento com essa largura é realmente mais largo do que o visível no visualizador do navegador.