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

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

WBOY
Libérer: 2016-05-16 16:38:22
original
1865 Les gens l'ont consulté

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.
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal