Dissocier le CSS du forum web et du forum mobile

[horusbk]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://themazerunner-forum.fr/

Description du problème

Bonjour,

Je souhaiterais savoir s'il est possible de de donner un style différent à un codage en version web et en version mobile.
En effet, j'aimerais que mes codages (présents dans les messages) s'adaptent au format mobile et ce, sans que le l'apparence du codage en version web ne soit affecté.

Est-ce possible ?
Cordialement,

1baptiste

[Neptunia]

Bonjour ^^


Je vais répondre légèrement à côté de la question.
Vous pouvez utiliser les règles média en fonction du type de dispositif connecté
Règles @media

Par exemple avec une résolution inférieure à 500 px nous pourrions utiliser le css suivant

Code:

@media all and (max-width: 500px) {
Votre CSS pour dispositifs de petite resolution
  }

[horusbk]

Merci Neptune-

Donc si je veux que cela s'adapte pour n'importe lequel des tailles d'écran de smartphones, puis-je écrire ceci ?

Code:

@media all and (width: auto ) {
CSS que je souhaite voir s'adapter
  }

et donc si je comprend bien, je mets entre les accolades le CSS que je veux ?
Par exemple ça :

Code:

@media all and (width: auto ) {.code
{background: red}}

?

[Neptunia]

Pour la deuxième question, c'est bien cela
Pour la première, aucune idée.

[horusbk]

Alors je viens d'essayer mais ça ne fonctionne pas... J'ai remis le code initial que vous m'avez donné avec mon CSS à l'intérieur mais aucune différence sur la version mobile. Les codages dépassent toujours de l'écran du smartphone.

[horusbk]

up

[horusbk]

Up

[Neptunia]

Je viens de lire dans une suggestion que vous aviez ouverte que les règles @media doivent être placées avant le code standard, ce qui pourrait expliquer que votre essai n'ait pas été transformé.

[horusbk]

C'est à dire ?
Tout en haut de la feuille de style CSS ?

[Neptunia]

Oui

[horusbk]

Yeah ça marche !
Merci Neptune.

Je mets en résolu.