javascript - H5 テクノロジーを使用して WeChat、Alipay に似たバーコードを実装し、全画面をクリックすると自動的に横向きモードに切り替わりますか?

Question

タイトル通りです。 H5 を使用して APP を開発しました。QR コードをクリックする機能が実装されました。バーコードをクリックして拡大したり、横画面にしたりする方法をより適切に実装するにはどうすればよいですか?
Alipay や WeChat の支払いインターフェイスと同様の効果があります

#図 3 の効果。うまくできませんでした。皆さんには、エレガントな実装方法を提供してください。

Answer 1

CSS3 の変換で 2D 変換の回転 (角度) 属性を使用してそれを行うことができると思います。クリックすると回転します

Answer 2

アイデア: 水平および垂直画面の検出 => tansform rotate & 改变font-size
より詳細な水平および垂直画面の練習、モバイル側の強制水平画面および強制垂直画面ソリューションを提供します

Answer 3

これを検索してみてくださいonorientationchange、互換性の問題がある可能性があり、コードの実装は 1 ～ 2 文では説明できず、必要な効果が得られない可能性があります。