移动端页面旋转后，坐标系问题。

Question

我有一个页面，如下图：

这是在竖屏情况下的，我直接旋转90度。

然后加了个play按钮，我设置的坐标是（0,0），既旋转后的，但是其点击区域还是处于竖屏的坐标系中，类似下图：

有什么方法可以解决么？
在了解了微信内置浏览器为x5内核的浏览器之后，添加了

<meta name="x5-orientation" content="landscape" />

以为可以将坐标系旋转过来，将按钮设置在舞台中间，如下图：

本来以为成功了，没想到再添加其他的按钮，还是与原先一样。只有舞台中央的这个正常了。

Answer 1

你这是按钮跟着坐标系一起转了吧，简单点把按钮按body绝对定位了。在点击事件里可以改变位置

Answer 2

1.使Play按钮可以脱离文档流，定位至左上角
2.旋转的作用元素别把按钮自身包含进去