Se a página criada no bloco universal fica boa no computador, mas o site não será exibido corretamente na tela de um celular ou tablet porque o tamanho desses dispositivos é diferente.
Informações importantes
No bloco universal, é necessário configurar adaptações para tablet e celular nas posições horizontal e vertical.
- Para um computador, o tamanho do bloco é 1200px.
- Tablet na posição horizontal é 960px
- Tablet na posição vertical é 640px
- Celular na posição horizontal é 480px
- Celular na posição vertical é 320px
Existe uma ferramenta no bloco para isso, que, ao ser alternada, mostra automaticamente o tamanho da página no qual todos os elementos criados do site devem caber: texto, formas, botões, vídeos, etc.
Primeiro, criamos um design para a versão grande da tela (computador)
Depois disso, começamos a adaptar a página criada, primeiro para o tablet na posição horizontal, e assim por diante. Para isso, usamos a barra de ferramentas no bloco, ajustando os tamanhos dos textos e elementos para que não ultrapassem o bloco, caso contrário, não ficarão visíveis nos dispositivos dos usuários do site.
Aqui estão alguns exemplos de como a página deve ficar para cada tamanho:
Tablet na posição horizontal 960px
Tablet na posição vertical 640px
Celular na posição horizontal 480px
Celular na posição vertical 320px
Todos os blocos básicos no construtor de sites se adaptam automaticamente ao tamanho de tela desejado. Leia sobre os blocos básicos nos artigos a seguir.