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;