Height 100% e Sections com conteúdo responsivo

[Bruno Borghi 0]

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,

[Bruno Borghi 0]

Tópico duplicado. Se algum moderador puder apagar...

[Fábio BN 17]

Eu olhei o seu site, quando ajustamos a altura da tela, desconfigura algumas coisas mesmo.

Eu não sei se poderei te ajudar, mas acesse esse site, entre nos fontes dele e veja como ele foi montado, ele não tem esse problema que o seu apresenta, mas tem um LayOut parecido

https://www.upinside.com.br

Abraços - Fábio!