Mijn website ziet er anders uit op mobiel
Dit artikel is machinaal vertaald. Als je fouten vindt, laat het ons dan weten.
Mijn website ziet er anders uit op mobiel
Wat kan dit veroorzaken
Reflow past Canva-websites aan verschillende schermformaten aan door elementen verticaal te stapelen, zodat brede elementen op volledig scherm mogelijk niet correct worden gewijzigd en waardoor browsers, browserversies en apparaatafmetingen de site anders kunnen weergeven.
Wat te doen?
- Controleer op overlappende: Selecteer elementen in je ontwerp en wijzig het formaat of snijd ze bij, zodat de randen elkaar niet raken.
- Splits brede elementen op: Vervang grote elementen die de volledige breedte beslaan door kleinere elementen die netjes onder elkaar worden geplaatst.
- Blijf binnen de veilige marges: Houd belangrijke elementen binnen de grenzen van de veilige marge.
- Bekijk een voorbeeld op mobiel: Gebruik tijdens het bewerken het mobiele voorbeeldpaneel. Beschouw dit als een benadering, omdat de gepubliceerde site per apparaat en browser kan verschillen.
- Groepeer en vergrendel: Groepeer gerelateerde elementen en vergrendel vervolgens de groep, zodat ze bij elkaar blijven.
Elementen groeperen
Als je wilt dat bepaalde elementen bij elkaar blijven, groepeer ze dan. Anders kunnen ze in de mobiele weergave worden gescheiden.
- Sleep je cursor over de elementen die je wilt groeperen. Je kunt ook Shift op je toetsenbord ingedrukt houden en de elementen selecteren.
- Selecteer Groeperen op de zwevende werkbalk.
- Selecteer Voorbeeld om te controleren hoe je gegroepeerde elementen eruitzien op mobiel.
- Klik in het voorbeeldpaneel op de knop Mobiel om de mobiele lay-out te bekijken.
Zie hoe de tekstvakken zich stapelen op mobiele weergave in het voorbeeld hieronder.
Was dit nuttig?
Behulpzaam
Niet nuttig