How can I write a javascript web app that doesn't rotate when viewed on mobile safari?

Question

I have a web-app here that uses the accelerometer on the iP(ad|od|hone) devices, and HTML5 canvas. Unfortunately, the experience of the app is rather ruined when the page rotates.

Is there any way I can prevent it from doing so? If not, how can I make the landscape version identical to the portrait one?

Answer 1

You will see this script to your problem: http://doctyper.com/archives/200808/fixed-positioning-on-mobile-safari/