Maison > interface Web > Tutoriel H5 > le corps du texte

Comment mettre en œuvre l'adaptation du terminal mobile h5

php中世界最好的语言
Libérer: 2018-01-11 10:05:23
original
3379 Les gens l'ont consulté

Cette fois, je vais vous montrer comment mettre en œuvre l'adaptation du terminal mobile h5 et comment s'adapter au terminal mobile h5 ? Quelles sont les précautions pour s'adapter à la version mobile de h5 ? Ce qui suit est un cas pratique, jetons un coup d'oeil.

Sur la page de la version PC (http://pc_url), ajoutez :

<link rel="alternate" media="only screen and(max-width: 640px)" href="http://pc_url" >
Copier après la connexion

Sur la page de la version mobile (http://mobile_url), ajoutez l'annotation requise devrait être :

<link rel="canonical" href="http://mobile_url" >
Copier après la connexion

La balise Meta précédente (agent mobile) continuera à être utilisée, mais nous recommandons aux pages mobiles réalisées en langage HTMAL5 d'utiliser la dernière solution d'adaptation de saut, et d'autres telles en langage XML Pour l'adaptation de saut de page mobile, vous devez continuer à utiliser la méthode de balise méta précédente :

<meta name="mobile-agent"content="format=[wml|xhtml|html5]; url=mobile_url">
Copier après la connexion

html5La nouvelle adaptation mobile est écrite comme ci-dessus. Baidu et autres recherchesIndexQuelle est l'URL mobile du site Web capturée par Engine ? Elle ne saute pas automatiquement lorsque l'appareil est commuté sur un téléphone mobile. Si vous souhaitez réaliser un saut automatique, vous avez besoin de js.

Je crois qu'après avoir lu ceux-ci, vous maîtrisez la méthode des cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

Comment réveiller l'application dans h5

Un résumé de tous les éléments et la syntaxe de base de H5

Comment gérer l'incompatibilité des anciennes versions des navigateurs avec H5 et C3

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

É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