Chrome沒有按預期對@media查詢作出響應

Question

我正在構建一個響應式網站，並遇到Chrome未實現@media查詢與Firefox相同的問題。

在圖像上，Firefox位於左側（我期望設計看起來如此）和右側的Chrome。正如您所看到的，Chrome不會根據@media查詢進行更改。在移動設備上也一樣。

CSS：

@媒體介質寬度：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%; 
     } 
}