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.
