Étape 4: Balise meta Viewport
Nous avons donc ici un site sensible!!!
Lorsque je consulte ce site sur un appareil mobile, cependant, il montre le site Internet en pleine résolution et je dois zoom-in et out pour naviguer.
Voici où le balise Meta Viewport entre en jeu...
La balise meta viewport est la solution d’Apple au problème et a été rapidement adoptée par les autres plateformes. Mais n’a jamais été pud vers l’avant par le W3C.
< nom meta = « viewport »... >
Par conséquent, nous allons définir une règle semblable de la fenêtre d’affichage dans notre css.
... }
Et l’autre comme un correctif pour internet explorer.
... }
La largeur s’ajuste le site sur le périphérique en mode d’affichage normal et en mode paysage.
Et zoom ou initiale 1 signifie aucun zoom.
Il y a tout un tas de fenêtre Propriétés à utiliser pour chaque appareil unique.
Mais pour faire simple, nous n’utilisons que quelques-uns pour s’adapter à tous.
Je vous laisse un lien comme référence.
https://developer.mozilla.org/en/docs/Mozilla/mobile/Viewport_meta_tag