Un effet de page Web adapté aux mobiles résout le problème de la production de petites pages d'affichage_HTML/Xhtml_Web.

Pour les besoins professionnels, j'ai besoin de créer un effet de page Web adaptatif aux téléphones mobiles. Je l'ai enfin obtenu, partagez-le et enregistrez-le d'abord !

En fait, l'essentiel est de changer la déclaration de la page HTML :

Ajoutez le code suivant à la page web, et il s'affichera normalement :

Copier le code

Le code est le suivant :

Explication :

width - la largeur de la fenêtre
hauteur - la hauteur de la fenêtre
échelle initiale - le rapport de mise à l'échelle initial
échelle minimale - l'échelle minimale sur laquelle l'utilisateur est autorisé à zoomer
échelle maximale - l'échelle maximale à l'échelle sur laquelle l'utilisateur est autorisé à zoomer
évolutif par l'utilisateur - si l'utilisateur peut zoomer manuellement

Pour simplifier les choses, vous pouvez remplacer le code ci-dessus par le code suivant, l'effet est le même :

Copier le code

Le code est le suivant :

La dernière chose est de ne pas définir l'attribut de largeur spécifique trop grand. Par exemple, si vous définissez l'attribut de largeur de le corps à 1000 px sur la page Web, cela ne fonctionnera certainement pas, mais vous pouvez le régler à 90 %, ce qui est adaptatif à l'écran.

PS : J'ai réalisé une page d'effet, qui peut s'afficher normalement sur un téléphone portable.