Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde iMasters, eu gostaria de saber como faço pra definir a altura de uma DIV pra ser exatamente a altura da tela do visitante. Minha ideia é utilizar essa div como logo/capa do site e o restante do site ficaria abaixo.
Seria algo do tipo... assim que o usuário abre lá está a logo/capa, daí teria um botão "Ir para o Site" que ao clicar fazia a página rolar até o fim da capa/começo do conteúdo do site.
É isso, espero que dê pra entender.
Obrigado.
Use a unidade de medida CSS vh para definir a altura do DIV.
Assim:
div.capa {
width: 100%;
height: 100vh;
background-image: url(imagem.png);
background-size: cover;-----------------------------------------------------------------------------------------
1-) Tutorial sobre unidades de medidas CSS em http://maujor.com/tutorial/unidades-de-medidas-css.php
2-) Tutorial sobre a propriedade CSS background: http://maujor.com/tutorial/propriedade-css-para-estilizacao-de-background.php
Nusssss o Maujor
Cara, comecei a me interessar por desenvolvimento web vendo teus tutoriais, há alguns anos atrás. Eu ia pra lan house, abria um site qualquer e ficava editando o CSS testando as coisas. Eu sempre me irritava porque quando dava F5 as edições que eu fazia eram desfeitas haha
Muito prazer, obrigado pela atenção.
--
>
Boa tarde iMasters, eu gostaria de saber como faço pra definir a altura de uma DIV pra ser exatamente a altura da tela do visitante. Minha ideia é utilizar essa div como logo/capa do site e o restante do site ficaria abaixo.
Seria algo do tipo... assim que o usuário abre lá está a logo/capa, daí teria um botão "Ir para o Site" que ao clicar fazia a página rolar até o fim da capa/começo do conteúdo do site.
É isso, espero que dê pra entender.
Obrigado.
Utilize height:100%...
A imagem incorpore como background dessa div...