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 de aanleiding kan zijn
Reflow past Canva-websites aan verschillende schermformaten aan door elementen verticaal te stapelen, zodat brede elementen van volledig scherm mogelijk niet netjes worden formaat en dat browsers, browserversies en apparaatafmetingen de site anders kunnen weergeven.
Wat te doen?
- Controleer op overlappende elementen: 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 innemen door kleinere elementen die netjes onder elkaar staan.
- Blijf binnen de veilige marges: Houd belangrijke elementen binnen de grenzen van de veilige marges.
- Bekijk het Voorbeeld op mobiel: Gebruik het mobiele voorbeeldvenster terwijl je bewerkt. Beschouw het als een benadering, want de gepubliceerde site kan verschillen per apparaat en browser.
- 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 uw cursor over de elementen die u wilt groeperen. U kunt ook Shift op uw toetsenbord ingedrukt houden en de elementen selecteren.
- Op de zwevende werkbalk selecteert u Groeperen.
- Om te controleren hoe uw gegroepeerde elementen op mobiel verschijnen, klikt u op Voorbeeld.
- In het voorbeeldscherm klikt u op de Mobiel -knop om de mobiele lay-out te zien.
Zie hoe de tekstvakken zich stapelen op mobiele weergave in het voorbeeld hieronder.
Was dit nuttig?
Nuttig
Niet nuttig