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 :
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 :
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.