Ir para conteúdo

Arquivado

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

Bruno Borghi

Height 100% e Sections com conteúdo responsivo

Recommended Posts

Galera, boa tarde.

 

Estou quebrando a cabeça aqui ao criar um layout que seja responsivo e que se adapte bem também na altura da página.

 

Meu problema é o seguinte:

 

Tenho uma estrutura one page, onde existem várias sections (11, para ser mais exato). Nove dessas sections possuem a mesma estrutura, com dez imagens em pequenos boxes. Elas estão ajustadas para ocupar um height de 100% em relação à janela do navegador. Porém, se eu diminuir essa janela apenas na vertical (simulando uma tela mais wide), esse conteúdo não responde da forma esperada, ou seja, as imagens não diminuem para caber nessa nova disposição da janela do browser. Elas diminuem apenas se eu diminuir a janela para os dois lados ao mesmo tempo. Sei que parece algo simples, mas estou com a cabeça tão cheia que não consigo enxergar a solução para o problema.

 

Não vou postar o código pois é muito extenso. O preview está em http://www.japanletters.com.br/v2

Lá é possível entender o que está acontecendo e também visualizar o código-fonte.

 

Agradeço antecipadamente pela colaboração de vocês.

 

Um abraço,

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.