Question

I have an iOS Web App game that I designed pixel-perfectly, so it only works in portrait mode (half the game goes below the screen in landscape mode). I want to make it so that if the user rotates the device, the web app will rotate too, forcing the user to rotate it back to portrait mode. I know that I can detect orientation change using “window.onorientationchange”, and I can change the style based on orientation using the orient CSS attribute: body[orient=”landscape”] or body[orient=”portrait”]. Now I just need to know how to rotate the whole body while maintaining the layout. Any help would be greatly appreciated!

Answer 1

apply a rotate transform to the body using css.

 -webkit-transform:rotate(180deg);