Discussion :

[Aizen64]

Bonjour,

j'ai un souci sur des résoltions desktop ou le style mobile est appliqué alors que je suis dans une résolution desktop et je ne comprend pas pourquoi :

Code CSS :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
/* fichier d'import général SASS */
@import mobile/app.sass
 
@media only screen and (min-width: 100em)
    @import desktop/app.sass
 
/* fin de fichier d'import SASS */
 
/* fichier desktop */
.col-xs-12:nth-of-type(2) span, .col-xs-12:only-child span
      display: inherit
/* fin de fichier desktop */
 
/* fichier mobile */
.col-xs-12:nth-of-type(1) span, .col-xs-12:only-child span
      display: inherit
/* fin de fichier mobile */

L'idée de base est d'afficher le premier élément d'une liste en mobile et en desktop soit le 1er s'il est seul, sinon le second.

Aucun problème en affichage mobile, le style est bien appliqué, en revanche sur des réso desktop,

Une idée sur la cause du problème ?

Quand je met en commentaire ma règle dans le fichier mobile, la règle desktop est bien appliquée;

[ProgElecT]

Salut

Pour les commentaires il faut utiliser

Code :

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

/* ici mon commentaires */

non pas //.

[Invité]

Bonjour,

1- je ne maitrise pas la syntaxe SASS, mais il me semble qu'il faut des accolades...

2- dans une logique "mobile first" :

• on écrit d'abord le code "mobile",
• et ensuite le code "desktop" (dans la condition @media ...)

Ce que tu n'as pas fait.
Là, le code "mobile", écrit après, écrase le code "desktop".