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%; 
     } 
}