javascript - 用H5技術實現類似微信支付寶收付款條碼點擊全螢幕並自動切換到橫螢幕模式？

Question

如題。我使用H5 開發了一個APP，點擊二維碼放大已實現，如何比較好的實現條碼點擊放大並橫屏
效果類似於支付寶，微信的收付款界面

##圖三的效果。我並沒有做好。跪求各位大神提供優雅的實現方式。

Answer 1

我覺得可以用css3中的transform中的2D變換rotate(角度)屬性來做吧！點擊的時候讓它旋轉一下

Answer 2

思路：檢測橫豎屏 => tansform rotate & 改變font-size
提供一篇比較詳細的橫豎屏實踐，移動端強制橫屏和強制豎屏解決方案

Answer 3

試試看搜一搜這個onorientationchange，可能存在相容問題，程式碼實現一句兩句也說不清，也可能不是你要的效果；