https://www.wikisida.no/index.php?action=history&feed=atom&title=Responsiv_nettsideResponsiv nettside - Sideversjonshistorikk2026-04-13T14:44:19ZVersjonshistorikk for denne siden på wikienMediaWiki 1.45.1https://www.wikisida.no/index.php?title=Responsiv_nettside&diff=132863&oldid=prevWikisida: Én sideversjon ble importert2026-04-10T13:27:01Z<p>Én sideversjon ble importert</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="nb">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Eldre sideversjon</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Sideversjonen fra 10. apr. 2026 kl. 13:27</td>
</tr><tr><td colspan="4" class="diff-notice" lang="nb"><div class="mw-diff-empty">(Ingen forskjell)</div>
</td></tr>
<!-- diff cache key c1wiki:diff:1.41:old-132862:rev-132863 -->
</table>Wikisidahttps://www.wikisida.no/index.php?title=Responsiv_nettside&diff=132862&oldid=prevnb>JhsBot: bot: Bytter ut tematiske stubbmaler med {{stubb}}2023-11-23T05:50:00Z<p>bot: Bytter ut tematiske stubbmaler med {{stubb}}</p>
<p><b>Ny side</b></p><div>[[File:Responsive design - Commons Android app.jpg|thumb|Eksempel på responsiv design: Antallet spalter på commons.wikimedia.org minker når innholdet vises på en smal skjerm.]]<br />
'''Responsiv nettside''' ({{Språk|en|''responsive web design''|lenke}}, forkortet '''RWD''') er en [[nettside]] som kan vises på alle skjermstørrelser. Elementene på siden vil automatisk strekkes, krympes eller flyttes for å tilpasses den tilgjengelige skjermplassen på et bredt utvalg av enheter. Dette gjøres særlig ved at antallet [[spalte]]r reduseres når bredden på nettsiden minsker. En responsiv nettside bruker bl.a. [[HTML]] og [[Cascading Style Sheets|CSS]]-mediespørringer ({{Språk|en|CSS media queries|lenke}}) til å tilpasse seg enhetens skjermstørrelse. <br />
<br />
For at en nettside skal være responsiv skal den være bygget opp med tre kjernefunksjonaliteter:<ref>{{Kilde bok |tittel=Responsive Web Design |etternavn=Marcotte |fornavn=Ethan |verk=A Book Apart |år=2011 |isbn=9780984442577 |språk=en}}</ref><ref>{{Kilde artikkel |fornavn=Katrien |etternavn=De Graeve |tittel=HTML5 - Responsive Web Design |publikasjon=MSDN Magazine |volum=26 |nummer=11 |url=https://msdn.microsoft.com/en-us/magazine/hh653584.aspx |dato=november 2011 |besøksdato=2021-11-27 |språk=en}}</ref><br />
* Fleksible spalter <br />
* Fleksible media og bilder <br />
* Bruker mediespørringer til å håndtere media samt avgjøre enhetens skjermstørrelse<br />
<br />
== Se også ==<br />
* [[Adaptiv nettside]] <br />
<br />
== Historie ==<br />
Det første nettstedet som benyttet et design som dynamisk tilpasset seg [[nettleser]]ens størrelse var [[Audi]].com, lansert i slutten av 2001.<ref>{{Kilde www |url=https://experiencinginformation.com/2012/07/22/the-first-responsive-design-website-audi-circa-2002/ |tittel=The First Responsive Design Website: Audi (circa 2002) |nettside=experiencinginformation.com |fornavn=Jim |etternavn=Kalbach |dato=2012-07-22 |besøksdato=2021-11-27 |språk=en}}</ref> Det engelske begrepet for RWD ble først brukt i 2010 av Ethan Marcotte i artikkelen «Responsive Web Design», skrevet for magasinet ''A List Apart''.<ref>{{Kilde www |url=http://alistapart.com/article/responsive-web-design |tittel=Responsive Web Design |dato=2010-05-25 |besøksdato=2016-11-14 |fornavn=Ethan |etternavn=Marcotte |verk=A List Apart |språk=en}}</ref><br />
<br />
== Referanser ==<br />
<references /><br />
<br />
{{stubb}}<br />
<br />
{{Autoritetsdata}}<br />
<br />
[[Kategori:Webdesign]]<br />
[[Kategori:Nyord fra 2010-årene]]<br />
[[Kategori:IT-relaterte introduksjoner i 2010]]</div>nb>JhsBot