javascript - iOS 网络应用程序 : Rotate the body with the orientation change

Question

我有一个 iOS 网络应用程序游戏，我设计的像素完美，所以它只能在纵向模式下运行(在横向模式下，一半的游戏在屏幕下方)。我想这样做，如果用户旋转设备，网络应用程序也会旋转，迫使用户将其旋转回纵向模式。我知道我可以使用“window.onorientationchange”检测方向变化，并且我可以使用 orient CSS 属性更改基于方向的样式:body[orient="landscape"] 或 body[orient="portrait"]。现在我只需要知道如何在保持布局的同时旋转整个 body 。任何帮助将不胜感激!

Answer 1

使用 css 对 body 应用旋转变换。

 -webkit-transform:rotate(180deg);