Discussion :

[minifee]

Bonjour à tous,

Petit soucis :

Mon CSS version mobile est appelé sur toutes les pages de mon site :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<link rel="stylesheet" type="text/css" media="screen and (max-width: 640px)" href="css/mobile.css" />

Il s'affiche correctement sur toutes les pages lorsque je fais les tests avec mon navigateur et que je réduis la fenêtre au minimum.
Par contre, sur mon smartphone, il n'y a que la page index qui est prise en compte.

Quelqu'un aurait-il déjà rencontré ce cas ? A quoi cela pourrait-il être dû ?
Personnellement je sèche...

[rodolphebrd]

Bonjour et bienvenue,

peut-être n'avez-vous placé cette ligne de code que dans la page d'index.

[minifee]

Bonjour,

Oui la ligne est bien présente sur toutes les pages. Le css est bien appelé sur toutes les pages lorsque je fais le test sur le navigateur de mon pc mais pas sur mon smartphone, sauf sur la page index.

[rodolphebrd]

Envoyez un lien vers votre page en ligne.

[minifee]

L'adresse du site Internet est http://www.avsconcept.fr/
La page index s'affiche correctement sur les 2 périphériques mais pas les autres pages, qui elles ne s'affichent bien que sur le navigateur fixe en position réduite.

[rodolphebrd]

Il manque la balise meta viewport sur les pages concernées:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<meta name="viewport" content="width=device-width">

Je vous conseille plutôt celle-ci pour toutes vos pages:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<meta name="viewport" content="initial-scale=1.0">>

[minifee]

C'est parfait, merci beaucoup !