Chrome没有按预期对@media查询做出回应

Question

我正在构建一个快速响应的网站，并且Chrome遇到了与Firefox不同的@media查询问题。

在图片上，Firefox位于左侧（我希望设计看起来如何）和Chrome位于右侧。正如您所看到的，Chrome不会根据@media查询进行更改。在移动设备上也是如此。

CSS ：

@ media-medium-width：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%;
      }
}