Porque mesmo usando esse valor na propriedade, o site fica com uma barra de rolagem, excedendo o tamanho da tela? como ajustar?
Porque mesmo usando esse valor na propriedade, o site fica com uma barra de rolagem, excedendo o tamanho da tela? como ajustar?
Olá Paulo, tudo bem?
O valor "100vh" na propriedade "height" faz com que o elemento ocupe 100% da altura da janela do navegador. Porém, é importante lembrar que a altura da janela pode variar dependendo do dispositivo e do tamanho da tela.
Uma possível solução para evitar a barra de rolagem é utilizar a propriedade "overflow: hidden" no elemento pai que contém o elemento com "height: 100vh". Isso fará com que o conteúdo que exceder o tamanho da janela seja ocultado.
Porém, é importante lembrar que essa solução pode causar problemas de acessibilidade, pois o usuário não poderá rolar a página para ver todo o conteúdo. Portanto, é importante avaliar se essa é a melhor solução para o seu caso específico.
Espero ter ajudado e bons estudos!
e como fazer para ocupar 100% da altura de qualquer dispositivo e tela? sem usar o overflow
Fala Paulo, tudo certo?
Tava tendo esse mesmo problema e acho que seja pelo tamanho da tela. Um colega sugeriu em um tópico esse código:
.apresentacao {
justify-content: center;
height: 100%;
gap: 62px;
display: flex;
align-items: center;
}Aqui funcionou direitinho. Testa aí no seu! Abraço!