Affichage de la version mobile sur les mobiles

Anouchka25
Les bases HTML/CSS

Bonjour,

j'ai mis le lien ci-dessous dans mon fichier index.html de mon site version bureau pour que lorsqu'on est sur du mobile, le site affiche le design de indexmobile.html mais ça ne marche pas, j'ai toujours la version bureau sur les mobiles.

<link rel="alternate" media="only screen and (min-device-width : 320px) and (max-device-width : 480px) " href="http://monsite.com/indexmobile.html" >

Merci

3 réponses

Lartak

Bonjour.
À ma connaissance, c'est le lien vers un fichier css et non un ficher html qu l'on défini dans l'attribut href.

Anouchka25
Auteur

Mon HTML et mon CSS sont différents de la version bureau et mobile. J'ai 2 fichiers HTML(bureau et mobile) et 2 fichiers CSS(bureau et mobile) .
Si je met le lien du CSS, comment va-t-il reconnaitre le HTML ?!

Flo.S

Bonjour Anouchka25 !

Alors, comme ça cela ne fonctionne pas. HTML ne permet pas de faire de la redirection aussi facilement, il ne sert qu'à rendre ton frontend. Tu peux utiliser une librairie externe du type https://github.com/serbanghita/Mobile-Detect/, cela permet de faire un post traitement sur ta page et de faire ta redirection.

Cela te facilitera la tache !

En espérant avoir su t'aider ;)