Meu site fica diferente em dispositivos móveis
Este artigo foi traduzido automaticamente. Se encontrar algum erro, conte para nós.
Meu site fica diferente em dispositivos móveis
Possíveis causas
O recurso Redimensionar adapta os sites do Canva a diferentes tamanhos de tela empilhando os elementos verticalmente. Portanto, elementos amplos em tela cheia podem não ser redimensionados de forma limpa e navegadores, versões de navegadores e dimensões de dispositivos podem exibir o site de forma diferente.
O que fazer
- Verifique se há sobreposições: Selecione os elementos na sua criar e redimensione ou corte-os para que as bordas não se encostem.
- Divida elementos largos: Substitua elementos grandes que ocupam toda a largura por outros menores, que fiquem empilhados de forma organizada.
- Fique dentro das margens seguras: Mantenha os elementos importantes dentro dos limites da margem segura.
- Use a pré-visualização em dispositivos móveis: Use o painel de pré-visualização em dispositivos móveis durante a edição. Considere-a uma aproximação, pois o site publicado pode variar conforme o dispositivo e o navegador.
- Grupo e bloqueie: Grupo elementos relacionados e, em seguida, bloqueie o grupo para que eles permaneçam juntos.
Agrupar elementos
Se você quiser que certos elementos fiquem juntos, agrupe todos eles. Caso contrário, talvez eles se separem quando visualizados em um dispositivo móvel.
- Arraste o cursor sobre os elementos que deseja agrupar. Você também pode segurar Shift no teclado e selecionar os elementos.
- Na barra de ferramentas flutuante, clique em Agrupar.
- Para verificar como seus elementos agrupados aparecem no celular, clique em Pré-visualização.
- No painel de pré-visualização, clique no botão Mobile para ver o layout móvel.
Veja no exemplo abaixo como as caixas de texto se empilham quando visualizadas em um dispositivo móvel.
Esta informação foi útil?
Foi útil
Não achei útil