Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

kaayasinho

Site 1 pagina layout da janela

Recommended Posts

Olá..

 

Minha duvida é..

 

hoje em dia sites de uma pagina só estao cada dia mais comuns..

mas tenho uma duvida, sei que cada pagina.. é dividida por SECTIONS,

SECTION 1 = HOME

SECTION 2 = EMRPESA

SECTION 3 = PORTFOLIO

SECTION 4 = ETC..

 

no geral ele gera uma barra de rolagem..

 

como eu faço para que quando a pagina X seja selecionada ela se adapte 100% no display?

 

ou seja.. se eu ver a home no ipad em pé ela fica 100% se eu virar de lado ela fica 100% não sei se consegui ser claro..

 

mas não gostaria que vazasse informações da 2 pagina..

vamos suport que a HOME tenha apenas 3 fotos e essas fotos não ocupam todo o display, entao a EMPRESA ficaria aparecendo logo em seguida..

dificil explicar

vou colocar 2 exemplos

 

Ipad em Pé o conteúdo fica 100% pode ver que as redes sociais ficam la embaixo sem que apareca o conteúdo da proxima pagina

Captura%2Bde%2BTela%2B2015-01-21%2B%C3%A

 

Ipad de lado.. também podem ver que as redes ficam la embaixo..

 

Captura%2Bde%2BTela%2B2015-01-21%2B%C3%A

Compartilhar este post


Link para o post
Compartilhar em outros sites

Tchê, buenas.

 

Basta você definir o container com 100% de height.

Lembrando que todos os elementos "pais" também precisam ter o height definido.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Tchê, buenas.

 

Basta você definir o container com 100% de height.

Lembrando que todos os elementos "pais" também precisam ter o height definido.

no caso se eu tiver 2 sections...

eu preciso definir o height:minimo pra ela?

Compartilhar este post


Link para o post
Compartilhar em outros sites

você pode usar o height: 100vh;

ele pega a altura da janela.

Resolveu

 

Obrigado!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.