移动端旋转屏幕vue 点击事件失效

Question

1.竖屏模式

2.横屏模式

3.问题
如2图中所示：通过transform: rotate(90deg)，将body旋转，实现了横屏的效果，但是图中红色部分圈住的几个操作按钮绑定的点击事件全部失效了，无法触发，下面的按钮可以正常触发，各位大佬知道是怎么回事吗？