Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

"Above the fold" com a variedade de dispositivos

Olá Sérgio, Com o o "above the fold" se comporta na variedade de dispositivos? No caso da altura?

3 respostas

Oi Pedro, vou tentar te ajudar. Se você colocar o código para isto, sim. No caso as telas hoje em dia são na sua maioria Wide, ou seja 16x9, então você criaria um site onde se o usuário entrar em seu site e a sua tela for menor o site apenas afinaria ele, literalmente, deixando o conteúdo no centro dele e assim sumindo com as laterais. Com isso ele poderá deixar em qualquer resolução, caso você queria ver se o site comportasse deste modo, é só você clicar com o botão direito do mouse a página, clicar em inspecionar e lá encima do lado esquerdo da tela que irá aparecer, terá um celular e um tablet assim você pode clicar e regular a altura e largura da tela para ver se o "above the fold" está correto. não sei se esclareci sua dúvida, qualquer coisa só perguntar de novo.

solução!

Então, realmente cada dispositivo tem um fold diferente. Dependendo da resolução, a quebra acontece em um ponto. As ferramentas que calculam o CSS do above de fold, por exemplo, sempre vão te pedir a resolução base pra fazer esse cálculo.

O que o pessoal acaba fazendo na hora de priorizar o CSS é calcular o fold da maior resolução possível que vc vai suportar, e tomá-la como base. A ideia é que se vc já incluiu o CSS do fold mais alto, isso acaba englobando os outros folds menores tbm.

Obrigado Sérgio, valeu Alexandre.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software