javascript - Verwenden Sie die H5-Technologie, um einen Barcode ähnlich wie bei WeChat und Alipay zu implementieren, und klicken Sie auf Vollbild, um automatisch in den Querformatmodus zu wechseln?

Question

Genau wie der Titel. Ich habe eine APP mit H5+ entwickelt. Wie lässt sich der Barcode-Klick zum Vergrößern und zum horizontalen Bildschirm besser realisieren?

Der Effekt von Abbildung 3. Ich habe es nicht gut gemacht. Ich bitte Sie alle, elegante Implementierungsmethoden bereitzustellen.

Answer 1

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

Answer 2

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

Answer 3

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