javascript - Utiliser la technologie H5 pour implémenter un code-barres similaire à WeChat, Alipay, cliquer sur plein écran et passer automatiquement en mode paysage ?

Question

Tout comme le titre. J'ai développé une application utilisant H5+. Le clic sur le code QR a été implémenté. Comment mieux réaliser le clic du code-barres pour agrandir et l'écran horizontal ?

L'effet de la figure 3. Je ne l'ai pas bien fait. Je vous prie tous de fournir des méthodes de mise en œuvre élégantes.

Answer 1

Je pense que nous pouvons utiliser l'attribut rotation (angle) de transformation 2D dans transform en CSS3 pour le faire ! Laissez-le tourner lorsque vous cliquez dessus

Answer 2

Idée : Détecter les écrans horizontaux et verticaux => tansform rotate & 改变font-size
Fournir une pratique plus détaillée des écrans horizontaux et verticaux, des solutions d'écran horizontal forcé côté mobile et d'écran vertical forcé

Answer 3

Essayez de rechercher cecionorientationchange, il peut y avoir des problèmes de compatibilité, l'implémentation du code ne peut pas être expliquée en une phrase ou deux, et ce n'est peut-être pas l'effet souhaité ;