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 você quer agrupar. Você também pode manter a tecla Shift pressionada e selecionar os elementos.
- Na barra de ferramentas flutuante, selecione Agrupar.
- Para conferir como os elementos agrupados aparecem em dispositivos móveis, selecione Pré-visualização.
- No painel de pré-visualização, clique no botão Celular para ver o layout para dispositivos móveis.
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