Chrome ne répond pas comme prévu à @media requête

Question

Je construis un site Web réactif et a rencontré un problème avec Chrome ne pas implémenter requête @media la même chose que Firefox.

Sur l'image, Firefox est à gauche (comme je m'attends à voir le dessin) et Chrome à droite. Comme vous pouvez le voir, Chrome ne change pas en fonction de la requête @media. Pareil sur les appareils mobiles.

CSS:

@ de largeur moyenne media: 768px;

.bm-s-section-ill-wrap-item { 
    max-width: 100%; 
    margin: 2px; 
    border-radius: 8px; 
    border: 2px solid @dark-blue; 
    flex: 1 1 48%; 

    @media(min-width: @media-medium-width) { 
     margin: 6px; 
     border-width: 4px; 
     flex: 1 1 32%; 
    } 
} 

Answer 1

.bm-s-section-ill-wrap-item { 
    max-width: 100%; 
    margin: 2px; 
    border-radius: 8px; 
    border: 2px solid @dark-blue; 
    flex: 1 1 48%; 
} 
@media screen and (max-width:768px) { 
    .bm-s-section-ill-wrap-item { 
      margin: 6px; 
      border-width: 4px; 
      flex: 1 1 32%; 
     } 
}