javascript - 用H5技术实现类似微信支付宝收付款条码点击全屏并自动切换到横屏模式？

Question

如题。我使用H5+开发了一个APP，点击二维码放大已实现，如何比较好的实现条码点击放大并横屏
效果类似于支付宝，微信的收付款界面

图三的效果。我并没有做好。跪求各位大神提供优雅的实现方式。

Answer 1

我觉得可以用css3中的transform中的2D变换rotate(角度)属性做吧！点击的时候让它旋转一下

Answer 2

思路：检测横竖屏 => tansform rotate & 改变font-size
提供一篇比较详细的横竖屏实践，移动端强制横屏和强制竖屏解决方案

Answer 3

试一下搜一搜这个onorientationchange，可能存在兼容问题，代码实现一句两句也说不清，也可能不是你要的效果；