Discussion :

[jlb59]

Bonjour à tous,

J'ai adapté mon site, qui avait été fait pour PC, pour les autres médias avec ce qu'on m'avait donné.
Mais le problème est que sur le PC le graphisme s'affiche bien mais sur mon smartphone, il n'y a plus rien.

Voulez-vous me dire quoi faire pour avoir le même graphisme sur le PC et le téléphone ?

Merci d'avance de votre aide.

En local sur le PC


Sur mon smartphone

[Bisûnûrs]

Bonjour,

Tes styles sont entourés de :

Code :

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

@media only screen and (min-width: 992px) {

Donc c'est normal...

[jlb59]

Bonjour,
J'ai fait ce qu'on m'a donné, mais je ne comprends pas ta réponse, entouré de quoi ?

[NoSmoking]

Bonjour,

J'ai fait ce qu'on m'a donné, mais je ne comprends pas ta réponse, ...

visiblement tu n'as pas mieux compris ce que l'on t'a donné

Si l'on prend la règle suivante :

Code :

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

1
2
3
4
5
6
7
@media only screen and (min-width: 1024px) {
  .puce-libelle {
    /*
    les déclarations
    */
  }
}

... elle ne s'appliquera si et seulement si l'écran fait au minimum 1024px de largeur.

Ressource :

• La règle @ @media

[jlb59]

Bonjour,

C'est vrai qu'apparemment, j'ai pas tout compris.
J'ai fait ce qu'on m'avait donné en faisant au plus simple, mais je ne pensais pas qu'il fallait remettre le CSS.
Je pensais que ça se faisait automatiquement.

Je vais corriger ça.

Merci.