I’m building a iPhone Web Application and want to lock the orientation to portrait mode. is this possible? Are there any web-kit extensions to do this?
Please note this is an application written in HTML and JavaScript for Mobile Safari, it is NOT a native application written in Objective-C.
You can specify CSS styles based on viewport orientation:
Target the browser with body[orient=”landscape”] or body[orient=”portrait”]
http://www.evotech.net/blog/2007/07/web-development-for-the-iphone/
However…
Apple’s approach to this issue is to allow the developer to change the CSS based on the orientation change but not to prevent re-orientation completely. I found a similar question elsewhere:
http://ask.metafilter.com/99784/How-can-I-lock-iPhone-orientation-in-Mobile-Safari