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

Als Titel. Ich habe eine APP mit H5+ entwickelt. Der Effekt des Klickens auf den Barcode zum Vergrößern und des horizontalen Bildschirms ähnelt der Zahlungsoberfläche von Alipay und WeChat, wie in Abbildung 3 dargestellt . Ich habe es nicht gut gemacht. Ich bitte Sie alle, elegante Implementierungsmethoden bereitzustellen.

女神的闺蜜爱上我 · Answer

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

某草草 · Answer

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

仅有的幸福 · Answer

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

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?

Antworte allen(3)Ich werde antworten