Viewports utfører magien

I de fleste CMS system i dag, er det enkelt å gjøre en nettside responsive, men siden det finnes så mange forskjellige enheter å velge mellom i dag, må det ofte tilpasses litt ekstra, for at designet ikke bryter opp på enkelte skjermstørrelser.

Derfor er det en fordel at CMS systemet nettsiden bygges i gir muligheten til å legge inn litt kode, som HTML, CSS og Javascript.

Da er det mulig å legge inn Viewports for de skermbreddene som ikke dekkes av CMS systemet.

En Viewport definerer hvilke kode som skal være gjeldende for en skjermbredde på et spenn fra så og så mange pixel til så og så mange pixel, feks: fra 1600px til 1200 px. For eksempel kan menyen på toppen av nettsiden vises med fanene/menyknappene vedsidenav hverandre ned til en viss bredde, før det ikke lenger er plass til alle fanene vedsidenav hveradre, og designet bryter.

Da kan man enten endre på f.eks. skrift størrelse, eller endre menyen til å bli en dropdown meny. For at disse endringen kun skal gjelde fra der designet bryter og på smalere skjermer, men ikke i det breddespennet der den kan vises i full bredde, kan man legge inn en viewport som kun gjelder for skermbredder som er smalere.