Hello,
I was just wondering how to make a website for an Ipad in Landscape view only.
The website should not be responsive at all.
Any ideas?
Thanks, Klevis
Here're a few cases you can check:
Use media queries and put all the styles inside it:
@media (min-width: 768px) and (max-width: 991px) and (orientation: landscape) { ... }
Detect user agent while rendering the webpage
Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B367 Safari/531.21.10
Detect device rotation and hide the webpage's content on portrait mode
window.onorientationchange = readDeviceOrientation;
Also check the orientation of the webpage on the initial page load
window.orientation
I hope this helps. :)
Brandon
Frontend Developer
Most importantly, "iPad" is a moving target. There are multiple different types of iPad and generations of iPad with different dimensions, pixel densities, and feature-sets.
http://www.apple.com/ipad/compare/