Responsivitetssjekker
Instant forhåndsvisning av din responsive side, og se hvordan den ser ut på de mest populære enhetene (mobil, tablet, og desktop) eller på spesial tilpassede oppløsninger.
Sørg for at din side ser perfekt ut, uansett hvilke enhet dine besøkende bruker for å se siden din!
Populære Enheter Alle Enheter Tilpasseg oppløsning
iPhone 12 (390x844)
iPhone X (375x812)
iPhone 8 (375x812)
iPad (768x1024)
Samsung Galaxy S7 (360x640)
Asus Nexus 7 (600x960)
Kindle Fire, Samsung Galaxy Tab 7” (600x1024)
13”Notisbok (1280x800)
iPhone 12 390x844
iPhone 12 844x390
iPhone X 375x812
iPhone X 812x375
iPhone 8 375x812
iPhone 8 812x375
iPad 768x1024
iPad 1024x768
Samsung Galaxy S7 360x640
Samsung Galaxy S7 640x360
Asus Nexus 7 600x960
Asus Nexus 7 960x600
Kindle Fire, Samsung Galaxy Tab 7” 600x1024
Kindle Fire, Samsung Galaxy Tab 7” 1024x600
13”Notisbok 1280x800
Mobil
iPhone X (375x812)
iPhone 8 (375x812)
iPhone 6s (750x1334)
iPhone 12 (390x844)
Samsung Galaxy S7 (360x640)
Samsung Galaxy J7 (360x640)
Samsung Galaxy S9 (360x740)
Samsung Galaxy Fold (folded) (280x653)
Samsung Galaxy Fold (unfolded) (768x1076)
Samsung Galaxy Note 20 (412x883)
Tablet
Asus Nexus 7 (600x960)
iPad (768x1024)
iPadPro (1024x1336)
Kindle Fire, Samsung Galaxy Tab 7” (600x1024)
Desktop
13”Notisbok (1280x800)
15”Notisbok (1366x768)
19”Notisbok (1440x900)
21”Notisbok (1920x1080)
iPhone X 375x812
iPhone X 812x375
iPhone 8 375x812
iPhone 8 812x375
iPhone 6s 750x1334
iPhone 6s 1334x750
iPhone 12 390x844
iPhone 12 844x390
Samsung Galaxy S7 360x640
Samsung Galaxy S7 640x360
Samsung Galaxy J7 360x640
Samsung Galaxy J7 640x360
Samsung Galaxy S9 360x740
Samsung Galaxy S9 740x360
Samsung Galaxy Fold (folded) 280x653
Samsung Galaxy Fold (folded) 653x280
Samsung Galaxy Fold (unfolded) 768x1076
Samsung Galaxy Fold (unfolded) 1076x768
Samsung Galaxy Note 20 412x883
Samsung Galaxy Note 20 883x412
Asus Nexus 7 600x960
Asus Nexus 7 960x600
iPad 768x1024
iPad 1024x768
iPadPro 1024x1336
iPadPro 1336x1024
Kindle Fire, Samsung Galaxy Tab 7” 600x1024
Kindle Fire, Samsung Galaxy Tab 7” 1024x600
13”Notisbok 1280x800
15”Notisbok 1366x768
19”Notisbok 1440x900
21”Notisbok 1920x1080
X
Tilpasseg oppløsning 1920x1080
Ofte stilte spørsmål
Hva er mobil responsivitet?
Begrepet mobil responsivitet er brukt for å beskrive måten et nettsted er designet for å automatisk justere seg forskjellige enheter, som smarttelefoner, nettbrett og PCer. Selv skjermer som har samme størrelse kan ha forskjellige skjermoppløsninger, og det er skjermoppløsningen (ikke den fysiske skjermstørrelsen) som mobil responsivitet er knyttet opp mot. For eksempel, iPads kan ha samme fysiske størrelse, men kan ha litt forskjellige skjermoppløsninger avhengig av hvilken generasjon iPad det er, eller om den har en ‘retina’ skjerm.
Hva gjør responsivitet-kontrollverktøyet?
Med responsivitet-kontrollverktøyet kan du fylle inn URLen til ditt nettsted for å se hvordan det vil se ut på forskjellige enheter og skjermoppløsninger, som mobil og nettbrett, og til og med egendefinerte oppløsninger.
Hvordan responsivitet-kontrollverktøyet?
Bare skriv inn URLen til ditt nettsted og klikk på ‘test my site’ så vil responsivitet-kontrollverktøyet gjøre resten. Du kan velge enhetstypen du ønsker å sjekke fra en liste over populære enheter – deriblant iPhone X, iPhone 8, iPad, Samsung Galaxy S7, Kindle Fire, og 14” laptop – eller velg ‘all devices’ fanen for å velge fra forskjellige oppløsninger, enten det er mobil, nettbrett eller PC.
Hvorfor er det viktig å teste mitt nettsteds responsive design?
Mesteparten av tiden, vil du bygge ditt nettsted (eller få det bygd for deg) på en PC, men over 50% av surfing på nett skjer faktisk fra en mobil eller et nettbrett. Siden mobiler og nettbrett har mindre skjermoppløsninger, må du sørge for at ditt nettsted vil være enkelt for besøkende fra mobil/nettbrett å bruke.
Problemer som liten tekst, bokser/rammer som kun er delvis synlige, eller sider som krever mye ‘klyping’ og zooming vil raskt få besøkende til å snu. Selv om nettstedbyggeren eller WordPress temaet som du bruker hevder at det er optimalisert for mobil, eller mobilresponsivt, bør du fortsatt sjekke det selv for å være på den sikre siden!
Liker du dette verktøyet? Vurder det!
1254)
(Stem på av Du må bruke dette verktøyet for å vurdere det
So glad for at du likte det!