---
title: Hva er responsive design?
description: De fleste som har en nettside eller som ønsker seg en nettside ønsker en nettside som ser bra ut på alle flater fra iPhone, iPad og til vanlig skjerm. For å tilby det lille ekstra bør man gå enda leng
---

[![iteo ](https://blogg.iteo.no/hs-fs/hubfs/Iteo_logo_svart_RGB-1.png?width=800&height=272&name=Iteo_logo_svart_RGB-1.png "iteo ")](http://iteo.no)

# Hva er responsive design?

Posted by [Vidar Seland](https://blogg.iteo.no/author/vidar-seland) on Jun 4, 2012 10:30:36 AM

- [Tweet](https://twitter.com/share)

Når en nettside er responsiv, endres oppsett og utseende basert på den skjermstørrelsen det blir vist på. En responsiv nettside forandres automatisk til å passe den plattformen du benytter. Vanligvis er det fire forskjellige størrelser; en widescreen monitor, en litt mindre monitor (eller bærbar), et nettbrett og en smart telefon.  
 Bruk av responsive design, eller responderende/tilpassende design gjør at nettsiden din tilpasser seg den flaten du ser siden på. Ser du nettsiden vår på, for eksempel, en iPhone eller iPad ser den annerledes ut enn på vanlig skjerm. Elementene er der fortsatt, men størrelser og rekkefølge er forandret. Rett og slett fordi siden skal se bedre ut og gi bedre brukervennlighet for brukerne uansett om de sitter fremfor datamaskinen, i sofaen eller på stranden.

Mobil markedsføring er sagt å bli en av de store markedsføringskanalene de neste årene. Det er også en av grunnene til at vi i Iteo Consulting jobber med mobil markedsføring opp mot våre kunder og samarbeidspartnere. Hvor ofte ser du ikke noen sitte med nesa ned i telefonen eller nettbrettet på bussen, toget eller enhver ledige stund?

Noe som er viktig å bite seg i merke, er at man ikke nødvendigvis ikke surfer på andre nettsider enn ellers heller. Det går stort sett i de samme nettsidene, pluss en god del på sosiale medier. Hvorfor ikke øke brukervennligheten for de som surfer mobilt? En nettside ser stort sett lik ut på en monitor som i Safari på iPhone, men spesielt brukervennlig er det ikke der man sitter og zoomer inn og ut i det uendelige. Derfor bør man vurdere responsive design på ens egen nettside. Iallefall når statistikkene støtter opp om det faktum at fler og fler av oss surfer 24/7 uansett hvor vi er.

[![](https://static.hsstatic.net/BlogImporterAssetsUI/ex/missing-image.png "Skjermbilde 2012-06-04 kl. 09.51.25")](https://static.hsstatic.net/BlogImporterAssetsUI/ex/missing-image.png)

[Finn.no](http://www.finn.no) publiserer månedlig statistikker for hvilke operativsystemer, plattformer og nettlesere deres besøkende benytter. I [statistikken for mars 2012](http://labs.finn.no/webstatistikken-for-finn-no-mars-2012/) ser vi at nesten 20% av alle besøkende på nettsiden benytter andre flater enn den tradisjonelle stasjonære eller bærbare maskinen.  
 Selv på vår egen side, iteo.no, er tallet litt høyere, nesten 22% av besøkende på siden vår kommer fra mobile flater, så hvorfor ikke ta i bruk responsive design, spurte vi.  
 Så lagde vi en ny nettside, med responsive design.

 Topics: [Aktuelt](https://blogg.iteo.no/topic/aktuelt), [CSS](https://blogg.iteo.no/topic/css), [HTML](https://blogg.iteo.no/topic/html), [iPad](https://blogg.iteo.no/topic/ipad), [iPhone](https://blogg.iteo.no/topic/iphone), [mobiltilpasset design](https://blogg.iteo.no/topic/mobiltilpasset-design), [Responsive design](https://blogg.iteo.no/topic/responsive-design)

### Siste innlegg

### Stikkord

- [Aktuelt (124)](https://blogg.iteo.no/topic/aktuelt)
- [B2B (38)](https://blogg.iteo.no/topic/b2b)
- [Kommunikasjon (36)](https://blogg.iteo.no/topic/kommunikasjon)
- [Markedsføring (36)](https://blogg.iteo.no/topic/markedsfc3b8ring-2)
- [innholdsmarkedsføring (21)](https://blogg.iteo.no/topic/innholdsmarkedsforing)
- [kommunikasjon (20)](https://blogg.iteo.no/topic/kommunikasjon-2)
- [digital kommunikasjon (19)](https://blogg.iteo.no/topic/digital-kommunikasjon)
- [web (18)](https://blogg.iteo.no/topic/web)
- [Caser (17)](https://blogg.iteo.no/topic/caser)
- [Sosiale medier (17)](https://blogg.iteo.no/topic/sosiale-medier)
- [Kunder (16)](https://blogg.iteo.no/topic/kunder-2)
- [Iteo (15)](https://blogg.iteo.no/topic/iteo)
- [digital markedsføring (15)](https://blogg.iteo.no/topic/digital-markedsforing)
- [Sosiale Medier (13)](https://blogg.iteo.no/topic/sosiale-medier-10)
- [Awards (11)](https://blogg.iteo.no/topic/awards)
- [Rekruttering (10)](https://blogg.iteo.no/topic/rekruttering)
- [GDPR (8)](https://blogg.iteo.no/topic/gdpr)
- [Meninger (8)](https://blogg.iteo.no/topic/meninger)
- [Konferanser (7)](https://blogg.iteo.no/topic/konferanser)
- [LinkedIn (7)](https://blogg.iteo.no/topic/linkedin)
- [PR (7)](https://blogg.iteo.no/topic/pr)
- [Ansettelser (6)](https://blogg.iteo.no/topic/ansettelser)
- [Facebook (6)](https://blogg.iteo.no/topic/facebook)
- [Tips (6)](https://blogg.iteo.no/topic/tips)
- [content marketing (6)](https://blogg.iteo.no/topic/content-marketing)
- [markedsføring (6)](https://blogg.iteo.no/topic/markedsforing)
- [Dell (5)](https://blogg.iteo.no/topic/dell)
- [digital strategi (5)](https://blogg.iteo.no/topic/digital-strategi)
- [Design (4)](https://blogg.iteo.no/topic/design)
- [Egne medier (4)](https://blogg.iteo.no/topic/egne-medier)
- [Inbound marketing (4)](https://blogg.iteo.no/topic/inbound-marketing)
- [employer branding (4)](https://blogg.iteo.no/topic/employer-branding)
- [nettsider (4)](https://blogg.iteo.no/topic/nettsider)
- [trender (4)](https://blogg.iteo.no/topic/trender)
- [BBN (3)](https://blogg.iteo.no/topic/bbn)
- [ONS (3)](https://blogg.iteo.no/topic/ons)
- [SABRE (3)](https://blogg.iteo.no/topic/sabre)
- [Tradisjonell markedsføring (3)](https://blogg.iteo.no/topic/tradisjonell-markedsforing)
- [arrangement (3)](https://blogg.iteo.no/topic/arrangement)
- [digital (3)](https://blogg.iteo.no/topic/digital)
- [kunder (3)](https://blogg.iteo.no/topic/kunder)
- [salg (3)](https://blogg.iteo.no/topic/salg)
- [2016 (2)](https://blogg.iteo.no/topic/2016)
- [Digital Communication Awards (2)](https://blogg.iteo.no/topic/digital-communication-awards)
- [Holmes Report (2)](https://blogg.iteo.no/topic/holmes-report)
- [Hubspot (2)](https://blogg.iteo.no/topic/hubspot)
- [Iteo Fagdag (2)](https://blogg.iteo.no/topic/iteo-fagdag)
- [Omtale (2)](https://blogg.iteo.no/topic/omtale)
- [PR-byrå (2)](https://blogg.iteo.no/topic/pr-byra)
- [Sabre Awards (2)](https://blogg.iteo.no/topic/sabre-awards)
- [Sosiale Medier (2)](https://blogg.iteo.no/topic/sosiale-medier-11)
- [Twitter (2)](https://blogg.iteo.no/topic/twitter)
- [blogg (2)](https://blogg.iteo.no/topic/blogg)
- [case (2)](https://blogg.iteo.no/topic/case-2)
- [grafisk design (2)](https://blogg.iteo.no/topic/grafisk-design)
- [konferanse (2)](https://blogg.iteo.no/topic/konferanse)
- [ledelsen (2)](https://blogg.iteo.no/topic/ledelsen)
- [markedskommunikasjon (2)](https://blogg.iteo.no/topic/markedskommunikasjon)
- [merkevare (2)](https://blogg.iteo.no/topic/merkevare)
- [oppsummering (2)](https://blogg.iteo.no/topic/oppsummering)
- [priser (2)](https://blogg.iteo.no/topic/priser)
- [prosjektledelse (2)](https://blogg.iteo.no/topic/prosjektledelse)
- [webutvikling (2)](https://blogg.iteo.no/topic/webutvikling)
- [Årets Byrå (2)](https://blogg.iteo.no/topic/arets-byra)
- [2015 (1)](https://blogg.iteo.no/topic/2015)
- [6 måletall for markedsførere (1)](https://blogg.iteo.no/topic/6-maletall-for-markedsforere)
- [Agency of the Year (1)](https://blogg.iteo.no/topic/agency-of-the-year)
- [Albatross Prosjektledelse AS (1)](https://blogg.iteo.no/topic/albatross-prosjektledelse-as)
- [Andreas Nygaard (1)](https://blogg.iteo.no/topic/andreas-nygaard)
- [Andreas Wåbø (1)](https://blogg.iteo.no/topic/andreas-wabo)
- [Annet (1)](https://blogg.iteo.no/topic/annet)
- [Apply with LinkedIn (1)](https://blogg.iteo.no/topic/apply-with-linkedin)
- [B2B Marketing (1)](https://blogg.iteo.no/topic/b2b-marketing)
- [B2C (1)](https://blogg.iteo.no/topic/b2c)
- [CRM (1)](https://blogg.iteo.no/topic/crm)
- [CSS (1)](https://blogg.iteo.no/topic/css)
- [Citrix (1)](https://blogg.iteo.no/topic/citrix)
- [Erik Eskedal (1)](https://blogg.iteo.no/topic/erik-eskedal)
- [Eskedal (1)](https://blogg.iteo.no/topic/eskedal)
- [Euro Business School (1)](https://blogg.iteo.no/topic/euro-business-school)
- [European Excellence Awards (1)](https://blogg.iteo.no/topic/european-excellence-awards)
- [FERD (1)](https://blogg.iteo.no/topic/ferd)
- [Fifth ring (1)](https://blogg.iteo.no/topic/fifth-ring)
- [Firstpoint (1)](https://blogg.iteo.no/topic/firstpoint)
- [GK (1)](https://blogg.iteo.no/topic/gk)
- [Geelmuyden.Kiese (1)](https://blogg.iteo.no/topic/geelmuyden-kiese)
- [HTML (1)](https://blogg.iteo.no/topic/html)
- [Hans Seime (1)](https://blogg.iteo.no/topic/hans-seime)
- [Hunton (1)](https://blogg.iteo.no/topic/hunton)
- [Hunton Fiber (1)](https://blogg.iteo.no/topic/hunton-fiber)
- [IBM (1)](https://blogg.iteo.no/topic/ibm)
- [IT (1)](https://blogg.iteo.no/topic/it)
- [Infographic (1)](https://blogg.iteo.no/topic/infographic)
- [Insider (1)](https://blogg.iteo.no/topic/insider)
- [Iteo Digital (1)](https://blogg.iteo.no/topic/iteo-digital)
- [Janicke Angerman Leiren (1)](https://blogg.iteo.no/topic/janicke-angerman-leiren)
- [KPI (1)](https://blogg.iteo.no/topic/kpi)
- [KPIer (1)](https://blogg.iteo.no/topic/kpier)
- [KPIer for markedssjefer (1)](https://blogg.iteo.no/topic/kpier-for-markedssjefer)
- [Kampanje (1)](https://blogg.iteo.no/topic/kampanje)
- [London (1)](https://blogg.iteo.no/topic/london)
- [Lubeco (1)](https://blogg.iteo.no/topic/lubeco)
- [Marketing Automation (1)](https://blogg.iteo.no/topic/marketing-automation)
- [Neue (1)](https://blogg.iteo.no/topic/neue)
- [Norge (1)](https://blogg.iteo.no/topic/norge)
- [Norsk (1)](https://blogg.iteo.no/topic/norsk)
- [Onsagers (1)](https://blogg.iteo.no/topic/onsagers)
- [PR-bransjen (1)](https://blogg.iteo.no/topic/pr-bransjen)
- [Presentasjon (1)](https://blogg.iteo.no/topic/presentasjon)
- [ROI (1)](https://blogg.iteo.no/topic/roi)
- [Responsive design (1)](https://blogg.iteo.no/topic/responsive-design)
- [Samfunnsansvar (1)](https://blogg.iteo.no/topic/samfunnsansvar)
- [Simen Berg (1)](https://blogg.iteo.no/topic/simen-berg)
- [Stormberg (1)](https://blogg.iteo.no/topic/stormberg)
- [Storytelling (1)](https://blogg.iteo.no/topic/storytelling)
- [Strikk for livet (1)](https://blogg.iteo.no/topic/strikk-for-livet)
- [Teknisk ukeblad (1)](https://blogg.iteo.no/topic/teknisk-ukeblad)
- [Tu.no (1)](https://blogg.iteo.no/topic/tu-no)
- [Video (1)](https://blogg.iteo.no/topic/video)
- [annonsering (1)](https://blogg.iteo.no/topic/annonsering)
- [annonsørinnhold (1)](https://blogg.iteo.no/topic/annonsorinnhold)
- [bam (1)](https://blogg.iteo.no/topic/bam)
- [bloggpost (1)](https://blogg.iteo.no/topic/bloggpost)
- [budskap (1)](https://blogg.iteo.no/topic/budskap)
- [bygg reis deg (1)](https://blogg.iteo.no/topic/bygg-reis-deg)
- [bygg reis deg 2017 (1)](https://blogg.iteo.no/topic/bygg-reis-deg-2017)
- [byråsamarbeid (1)](https://blogg.iteo.no/topic/byrasamarbeid)
- [emil helland broll (1)](https://blogg.iteo.no/topic/emil-helland-broll)
- [endring (1)](https://blogg.iteo.no/topic/endring)
- [endringskommunikasjon (1)](https://blogg.iteo.no/topic/endringskommunikasjon)
- [energi (1)](https://blogg.iteo.no/topic/energi)
- [england (1)](https://blogg.iteo.no/topic/england)
- [enterprise 2.0 (1)](https://blogg.iteo.no/topic/enterprise-2-0)
- [finalist (1)](https://blogg.iteo.no/topic/finalist)
- [fornøyde kunder (1)](https://blogg.iteo.no/topic/fornoyde-kunder)
- [fotball-em (1)](https://blogg.iteo.no/topic/fotball-em)
- [frankrike (1)](https://blogg.iteo.no/topic/frankrike)
- [gapestokk (1)](https://blogg.iteo.no/topic/gapestokk)
- [hodgson (1)](https://blogg.iteo.no/topic/hodgson)
- [hotwire (1)](https://blogg.iteo.no/topic/hotwire)
- [iPad (1)](https://blogg.iteo.no/topic/ipad)
- [iPhone (1)](https://blogg.iteo.no/topic/iphone)
- [innholdsreisen (1)](https://blogg.iteo.no/topic/innholdsreisen)
- [innholdsstrategi (1)](https://blogg.iteo.no/topic/innholdsstrategi)
- [instikk (1)](https://blogg.iteo.no/topic/instikk)
- [internettroll (1)](https://blogg.iteo.no/topic/internettroll)
- [jobb (1)](https://blogg.iteo.no/topic/jobb)
- [jobbintervju (1)](https://blogg.iteo.no/topic/jobbintervju)
- [karriere (1)](https://blogg.iteo.no/topic/karriere)
- [kommune (1)](https://blogg.iteo.no/topic/kommune)
- [kontaktdatabase (1)](https://blogg.iteo.no/topic/kontaktdatabase)
- [kunde (1)](https://blogg.iteo.no/topic/kunde)
- [kundekommunikasjon (1)](https://blogg.iteo.no/topic/kundekommunikasjon)
- [kundeopplevelse (1)](https://blogg.iteo.no/topic/kundeopplevelse)
- [kunderelasjon (1)](https://blogg.iteo.no/topic/kunderelasjon)
- [kundeservice (1)](https://blogg.iteo.no/topic/kundeservice)
- [markedsanalyse (1)](https://blogg.iteo.no/topic/markedsanalyse)
- [mobiltilpasset design (1)](https://blogg.iteo.no/topic/mobiltilpasset-design)
- [måletall (1)](https://blogg.iteo.no/topic/maletall)
- [målgruppe (1)](https://blogg.iteo.no/topic/malgruppe)
- [native advertising (1)](https://blogg.iteo.no/topic/native-advertising)
- [nordisk byrå (1)](https://blogg.iteo.no/topic/nordisk-byra)
- [nøkkelord (1)](https://blogg.iteo.no/topic/nokkelord)
- [offentlig (1)](https://blogg.iteo.no/topic/offentlig)
- [oppsumering (1)](https://blogg.iteo.no/topic/oppsumering)
- [personal branding (1)](https://blogg.iteo.no/topic/personal-branding)
- [plugins (1)](https://blogg.iteo.no/topic/plugins)
- [programmering (1)](https://blogg.iteo.no/topic/programmering)
- [rause menn (1)](https://blogg.iteo.no/topic/rause-menn)
- [reklamejournalistikk (1)](https://blogg.iteo.no/topic/reklamejournalistikk)
- [ronaldo (1)](https://blogg.iteo.no/topic/ronaldo)
- [råd (1)](https://blogg.iteo.no/topic/rad)
- [salg og markedsføring (1)](https://blogg.iteo.no/topic/salg-og-markedsforing)
- [salgsledelse (1)](https://blogg.iteo.no/topic/salgsledelse)
- [selger (1)](https://blogg.iteo.no/topic/selger)
- [skrive (1)](https://blogg.iteo.no/topic/skrive)
- [skrive for web (1)](https://blogg.iteo.no/topic/skrive-for-web)
- [social business (1)](https://blogg.iteo.no/topic/social-business)
- [social buying (1)](https://blogg.iteo.no/topic/social-buying)
- [social selling (1)](https://blogg.iteo.no/topic/social-selling)
- [sosial innovasjon (1)](https://blogg.iteo.no/topic/sosial-innovasjon)
- [stand (1)](https://blogg.iteo.no/topic/stand)
- [storydoers (1)](https://blogg.iteo.no/topic/storydoers)
- [student (1)](https://blogg.iteo.no/topic/student)
- [triks (1)](https://blogg.iteo.no/topic/triks)
- [troll (1)](https://blogg.iteo.no/topic/troll)
- [utdanning (1)](https://blogg.iteo.no/topic/utdanning)
- [utvikling (1)](https://blogg.iteo.no/topic/utvikling)
- [visjon (1)](https://blogg.iteo.no/topic/visjon)
- [visuell design (1)](https://blogg.iteo.no/topic/visuell-design)
- [websider (1)](https://blogg.iteo.no/topic/websider)
- [wordpress (1)](https://blogg.iteo.no/topic/wordpress)
- [Æresmedlem (1)](https://blogg.iteo.no/topic/aeresmedlem)
- [årskavalkade (1)](https://blogg.iteo.no/topic/arskavalkade)

[See all](https://blogg.iteo.no/hva-er-responsive-design#)