如何旋转整个HTML5文档？

Question

我在一个iBooks小工具中有一个HTML5游戏。事实证明，“关闭小工具”按钮并不遵循Info.plist中的信息，这意味着它最终位于游戏区的顶部。

我可以重新编码整个逻辑，并翻转每一张图像(虽然工作量不大，但也不是一个很好的解决方案)，如果可能的话，也可以将整个文档旋转180度。

我试过申请

-webkit-transform: rotate(180deg); 
-webkit-transform-origin: 50% 50%;

添加到body元素，但这不会旋转Safari上的背景图像，以及其他问题。

因此，问题是，有没有什么我可以添加到文档头，以要求它呈现自己旋转了半圈？

Answer 1

这里没有Safari来测试，然而，将你的CSS属性应用到html，而不是在Chrome中预期的body作品。