Lors de la rédaction de la page de téléphone mobile HTML5, nous constatons que la proportion des éléments affichés sur la page est incorrecte.
<meta name = Viewport Content = width = Device-Width, Initial-Scale = 1>
Soit
<meta name = Viewport Content = width = Device-Width, Initial-Scale = 1,0, minimum-échelle = 0,5, maximum-échelle = 2,0, user-scalable = oui />
Ensuite, expliquons cette phrase:
Version: Cela signifie la fenêtre d'affichage;
largeur =-largeur du dispositif, échelle initiale = 1,0: Cela signifie que la largeur de la fenêtre d'affichage est égale à la largeur de l'écran du périphérique, l'échelle initiale = 1,0, c'est-à-dire que le rapport de zoom initial est de 1,0;
Échelle minimale: cela signifie que le rapport minimum autorisé est autorisé
Maximum: cela signifie le rapport maximum qui permet la mise à l'échelle
L'utilisateur est à l'échelle de l'utilisateur: cela signifie si l'utilisateur permet à l'utilisateur de scéder la page.
Exemple de problème: Phénomène:Lorsque l'utilisateur clique sur la zone d'entrée d'entrée sur la page mobile pour modifier le texte, la page sera automatiquement agrandie
résoudre:Insérer dans la tête de la page <éadfre
<Meta name = Viewport Content = Width = Device-Width, Initial-Scale = 1,0, minimum-échelle = 1,0, maximum-échelle = 1,0 />
Ou l'utilisateur n'est pas autorisé à zoomer la page d'utilisateur-échelle = non
RésumerCe qui précède est le problème de la résolution de la page de téléphone mobile HTML5 que je vous ai présenté. Merci beaucoup pour votre soutien pour le site Web VEVB Wulin!