Discussion :

[kate59]

Bonjour,

voila je veux inserer un page css speciale mobile pour mon site.

j'ai fait ca dans header:

Code html :

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

<link rel="stylesheet" media="screen and (max-width: 320px)" href="<?php echo $host; ?>styles/mobile.css" type="text/css" />

et créer un page mobile.css:

Code :

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

1
2
3
@media screen and (max-width: 320px) {
  body{background-color:red;max-width:320px;}
}

mais je ne pense pas que ca marche car le site à toujours un ascenseur en bas donc il ne le reduit pas a l ecran et le fond n'est pas rouge pour verifier justement si il prend le css.

De plus je ne comprend pas tous les éléments du site sont encore tous ne devrait pas disparaitre, ne devrait il pas prendre que cette feuille de css.

J'ai lu un tutoriel mais tous ca reste encore peu claire.

Quelqu'un peut-il m'aider?

[NoSmoking]

Bonjour,
as tu vérifié que le code HTML généré est correct, bonne prise en compte du chemin de ton fichier CSS

à lire également Les fondamentaux du Responsive Web Design, pas encore pris le temps de le lire mais déjà de très bons échos