5

I have developed a web app/website for the iPad but I can not get it stay in a fixed portrait view only.

I do not want it to rotate and work in landscape mode, because of the way the app has been designed.

I've tried various configurations of the viewport settings but that still has not worked.

I'm not very good at JavaScript so a copy paste option would be best or something in CSS/HTML.

Thanks in advance.

MPelletier
  • 16,256
  • 15
  • 86
  • 137
Digital Robot Gorilla
  • 397
  • 1
  • 5
  • 13
  • 2
    Dupe, look here - [How do I lock the orientation to portrait mode in a iPhone Web Application?](http://stackoverflow.com/questions/1207008/how-do-i-lock-the-orientation-to-portrait-mode-in-a-iphone-web-application) – Alex Nov 07 '11 at 12:03
  • Whooops, I upvoted that last comment without looking at the question carefully enough. Here is a [duplicate question that has the answer you seek](http://stackoverflow.com/questions/1207008/how-do-i-lock-the-orientation-to-portrait-mode-in-a-iphone-web-application). – Michael Dautermann Nov 07 '11 at 12:10

1 Answers1

5

Unfortunately, there is no way to explicitly "lock" the orientation of a web-app in Mobile Safari, as you can also see from the link that Alex posted above in the comment:

How do I lock the orientation to portrait mode in a iPhone Web Application?

However, you can have multiple CSS files for different screen orientations. There's a handy JavaScript snippet that you can copy-paste here:

http://www.catswhocode.com/blog/10-useful-code-snippets-to-develop-iphone-friendly-websites

This should at least allow you to design around the rotation without having to use JS but just CSS.

Community
  • 1
  • 1
DaGaMs
  • 1,521
  • 17
  • 26