Egen CSS för iPadens landskapsläge

För en vecka sen tipsade vi om hur du förbereder din webbplats för alla iPadbesökare. Har du gjort din hemläxa? Då är är det dags för nästa steg: anpassa webbsidans stilmall för det breda landskapsläget.

En häftig men outnyttjad nyhet med Safari för iPad är att den tar enhetens rotering i beaktande när en webbsida laddas: det blir därför möjligt att ladda en stilmall på en enhet som är i porträttläge (stående) samt en annan i landskapsläge (liggande).

Detta görs genom att stödja orientation-parametern i ditt CSS-anrop:

<link rel=”stylesheet” media=”all and (orientation:portrait)” href=”portrait.css”>
<link rel=”stylesheet” media=”all and (orientation:landscape)” href=”landscape.css”>

Eftersom upplägget är speccat av en arbetsgrupp hos W3C så bygger du på så här sätt in stöd för rotering hos andra mobila enheter. Bra va? Läs mer hos Cloudfour.

Författare: Christian

Nyfiken på vad komma skall startade Christian den här bloggen sommaren 2007. Än idag fortsätter han förvånas över hur den lilla manicken fortsätter att förbättra våra liv.