微信公众号推送消息详情页旋转90度

Question

本来以为只要图片就OK了，看看里面的字太模糊了还是再打打字吧。

• 微信公众号推送消息的详情页面打开是下图1中的效果
• 其中粉红色区域是一个表格 - 下面统一叫它“表格”
• 白色边框区域表示手机屏幕
• 我想要达到的效果是让表格旋转90度后达到3的效果
• 但是我使用了transform: rotate(90deg);出现的是2的效果
• 那么这个旋转的代码要如何写？

说明：图3是表格旋转90°后紧贴手机屏幕的上边，右边

源码：

https://github.com/chanchaw/rotate

在线案例：

https://stackblitz.com/github/chanchaw/rotate
记得点击右边的安装依赖才能看到效果

Answer 1

做好了在线演示的案例，都来看看帖子呢