Canvan koti
Ohje

Verkkosivustoni näyttää erilaiselta mobiililaitteilla


Tämä artikkeli on konekäännetty. Jos löydät virheitä, ilmoita siitä meille.

Verkkosivustoni näyttää erilaiselta mobiililaitteilla

Mikä tämän voi aiheuttaa

Reflow mukauttaa Canvan verkkosivustotoiminto erikokoisiin näyttöihin pinoamalla elementit pystysuunnassa, jotta leveät koko näytön elementit eivät ehkä muutu selkeästi ja että selaimet, selainversiot ja laitemitat voivat näyttää sivuston eri tavalla.

Tehtävät toimet

  1. Tarkista päällekkäisyydet: Valitse suunnittelumallisi elementit ja muuta niiden kokoa tai rajaa niitä niin, etteivät niiden reunat kosketa toisiaan.
  2. Jaa leveät elementit osiin: Korvaa suuret, koko leveyden kattavat elementit pienemmillä elementeillä, jotka asettuvat siististi päällekkäin.
  3. Pysy turvamarginaalien sisällä: Pidä tärkeät elementit turvamarginaalien rajojen sisäpuolella.
  4. Esikatselu mobiililaitteella: Käytä mobiiliesikatselupaneelia muokkauksen aikana. Pidä sitä suuntaa-antavana, sillä julkaistu sivusto voi vaihdella laitteen ja selaimen mukaan.
  5. Ryhmitä ja lukitse: Ryhmitä toisiinsa liittyvät elementit ja lukitse sitten ryhmä, jotta ne pysyvät yhdessä.

Ryhmittele elementit

Jos haluat tiettyjen elementtien pysyvän yhdessä, ryhmittele ne. Muussa tapauksessa ne saattavat erota toisistaan mobiilinäkymässä.

  1. Vedä kohdistin niiden elementtien päälle, jotka haluat ryhmitellä. Voit myös pitää näppäimistön Vaihto -näppäintä painettuna ja valita elementit.
  2. Valitse näkyviin tulevalla työkalurivillä
    Ryhmittele.
  3. Tarkistaaksesi, miltä ryhmitellyt elementit näyttävät mobiililaitteella, napsauta Esikatselu-painiketta.
  4. Napsauta esikatselupaneelissa
    Mobiili -painiketta nähdäksesi mobiiliasettelun.

Katso alla olevasta esimerkistä, miten tekstiruudut ovat pinossa mobiilinäkymässä.

Oliko tästä apua?

Hyödyllinen

Ei hyödyllistä

Ihmiset katsoivat myös