0160 mobila enheter

För att få en sida som är anpassad för en mobiltelefon kan man använda media queries.

Exempel på CSS-kod visas nedan. Koden kan testas på JSFiddle

/* kod som är gemensam för båda sidorna följer här */

@media (max-width: 600px) { /* kod för smal sida / html { background-color: green;
} } @media (min-width: 601px) { /
kod för bred sida */ html { background-color: blue; } }

Mer om media queries finns på Mozilla Developer Network.

Mer om media queries på CSSTricks.com

Mer om responsiv design av Nick Babich.