Tornando um site responsivo¶
O que é um site responsivo?¶
Em termos simples, um site “responsivo” é um site que pode ser visualizado de forma legível e ergonômica em vários tamanhos de tela (desktop para smartphone).
WaFx resolve este problema propondo ao webmaster a definição das páginas de seu site com componentes cujas propriedades geométricas dependerão da tela do visitante.
Conselhos gerais¶
- Usando o zoom
Não hesite em ativar o zoom (canto superior esquerdo) para localizar facilmente seus elementos.
- Usando mascaramento de elementos
Você pode refinar seu layout escondendo certos elementos, dependendo da tela ou do idioma
Como posso usar a resposta?¶
Dica
É aconselhável colocar apenas 2 telas de trabalho (1 desktop + móvel), seu site será mais fácil de modificar
Você criou seu site em formato de computador e deseja torná-lo acessível em um smartphone (sem que o visitante tenha que fazer zoom para ver os elementos de seu site).
Ativar o formato móvel nas propriedades gerais do site (escolher 2 layouts).
Em seu espaço de trabalho, selecione o ícone correspondente ao formato móvel.
Sua página será mostrada como “reduzida”, ela ainda não está no formato móvel.
Então você tem que organizar cada elemento (ampliar a maioria deles) para ter uma renderização móvel legível.
Publique, seu site agora é responsivo