iPad Orientation CSS

Written By Eric Anderson

webkitbits:

Cloud Four shows how it’s possible to change your CSS on the iPad based on orientation using media query declarations:

<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css">
<link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css">
Eric Anderson
Eric has been building websites with obsessive detail since Y2K. Before joining Squarespace, he worked at a small web design firm based in San Diego, CA.
Previous
Next