Mobil vs. desktop

Museum24 har i utgangspunktet et mobile-first design der innholdsmodulene i all hovedsak stackes under hverandre.

På større skjermer vil noen av modulene kunne plassere elementer i større grad utover i bredden.

Eksempler på innhold som vil utnytte større bredde er:

  • bannere i rutenett: kan vise opptil 4 små bannere ved maks bredde
  • Kort/media i "grid" kan bygge f.eks 6 elementer i bredden på ved maks bredde.

Innstilinger som "bred/full" bredde på moduler eller seksjoner vil primært ha en effekt på skjermflater over 1080px bredde, men på mobil kunne påvirke om f.eks bilder blir helt utfallende eller om de vil ligge inne i standard marger sammen med øvrig innhold i f.eks en innholdsseksjon.

I det følgende kommer en diverse eksempler som man kan betrakte i mindre og mindre nettleservindu og/eller mobil.

s

"small" vil dekke 50% på mobil

s

m-s

Alt over small vil bli 100% på mobil

l-m

100% på mobil. Høyde vil avhenge av om modul er large-medium, large eller xlarge.

Innholdsseksjoner

I innholdsseksjoner vil det primært være moduler som trekker frem "kort" og "mediaelementer" og som vises som "grids" som vil fremstå ganske ulikt avhengig av skjermstrørrelse.

Grids: media

Mediamoduler vist i grid vil også vise færre i bredden ved mindre skjermer.

  •  (Foto/Photo)
    1/7
  •  (Foto/Photo)
    2/7
  •  (Foto/Photo)
    3/7
  •  (Foto/Photo)
    4/7
  •  (Foto/Photo)
    5/7
  •  (Foto/Photo)
    6/7
  •  (Foto/Photo)
    7/7