Editor do Wix Studio: solução de problemas de responsividade

6 min de leitura
Neste artigo
  • Texto que fica muito pequeno em alguns breakpoints
  • Elementos fora do lugar entre breakpoints
  • Elementos desalinhados entre os breakpoints
  • Elementos sobrepostos entre breakpoints
Está enfrentando problemas com a aparência do site do seu cliente entre os breakpoints? O Editor do Wix Studio oferece as ferramentas para lidar com desafios comuns de responsividade, como elementos sobrepostos, fora do lugar ou desalinhados em diferentes tamanhos de tela. Com os ajustes certos, você pode criar um site profissional que fica ótimo em qualquer dispositivo.

Texto que fica muito pequeno em alguns breakpoints

Seu texto fica muito pequeno quando o site do seu cliente é visualizado em telas menores? Usando o comportamento responsivo dimensionar proporcionalmente e a configuração Máx-mín, você pode garantir que seu texto sempre tenha uma boa aparência em todos os tamanhos de tela. 
Selecione o texto e abra o painel Inspetor. Primeiro, defina o Comportamento responsivo como Dimensionar proporcionalmente. Em seguida, clique em Máx-mín. em Design para definir os tamanhos mínimo e máximo da fonte.
Um elemento de texto no Editor do Wix Studio ao lado do painel Inspetor, destacando o comportamento responsivo e clicando em máx-mín.
Dica:
A configuração máx-mín é replicada automaticamente em breakpoints menores, portanto, não é necessário fazer alterações em breakpoints que não sejam o desktop. 

Elementos fora do lugar entre breakpoints

Se um elemento no site do seu cliente mudar de posição inesperadamente entre diferentes tamanhos de tela, provavelmente isso se deve às suas configurações de encaixe e margem. Siga estes passos para resolver o problema e garantir que seus elementos permaneçam na posição desejada.
Vários elementos estão se movendo?
Se eles estiverem todos no mesmo contêiner pai (por exemplo: seção, célula, etc.), você pode colocá-los em uma pilha para garantir um espaçamento e alinhamento consistentes.

Elementos desalinhados entre os breakpoints

Se os elementos na sua seção estiverem desalinhados ou quebrarem o layout quando o tamanho da tela mudar, geralmente isso ocorre devido a configurações de encaixe ou de margem inconsistentes. 
Siga estes passos para identificar e corrigir o problema, garantindo que seus elementos se alinhem corretamente em todos os tamanhos de tela.

Elementos sobrepostos entre breakpoints

Ao organizar os elementos, eles podem estar espaçados no editor, mas se sobrepor quando você verifica o site online em diferentes janelas de visualização. A sobreposição geralmente acontece devido à forma como os elementos são posicionados ou ao seu comportamento responsivo.
Se os elementos no site do seu cliente se sobreporem em diferentes tamanhos de tela, siga estes passos para identificar e corrigir o problema.