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

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" >

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

<link rel="canonical" href="http://mobile_url" >

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">

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!