html - moz 选择器在 CSS 中不起作用

Question

我有一个图库，它在 Chrome 和 IE 中运行良好，但在 Firefox 中运行不佳。即使我尝试在我的 CSS 中使用“-moz”前缀，它仍然会加载页面，其中那些声明被浏览器注释掉并卸载。

在 Chrome 和 IE 中它可以正确加载(桌面上有 4 列，移动设备上有 2 列)。但在 Firefox 中，它只是一个又一个图像的大“列表”。

这是我的代码的 fiddle 链接。 https://jsfiddle.net/hzLsgh1h/3/

CSS:

.container {
  width:90%;
  margin-left:auto;
  margin-right:auto;  
}
.row-wrapper-adaptive {
  overflow: hidden;
  column-gap: 15px;
  column-fill: auto;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-right: -15px;
  margin-left: -15px;
}    
.col-4-adaptive {
  -webkit-column-count: 4;
  -webkit-column-gap: 15px;
  -webkit-column-fill: auto;
  -moz-column-count: 4;
  -moz-column-gap: 15px;
  -moz-column-fill: auto;
  column-count: 4;
}    
.col-adaptive {
  margin-bottom: 15px;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
img {
  display:block;
  max-width:100%;
  height:auto;  
}

@media only screen and (max-width:950px) {
  .row-wrapper-adaptive {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0px;
    margin-right: 0px;
  }
  .col-4-adaptive {
    -webkit-column-count: 2;
    -webkit-column-gap: 15px;
    -webkit-column-fill: auto;
    -moz-column-count: 2;
    -moz-column-gap: 15px;
    -moz-column-fill: auto;
    column-count: 2;
  }
}

非常感谢任何帮助，当然我只是忽略了这里的一些东西!

编辑

即使完全没有浏览器前缀，代码仍然无法在 Firefox 中运行 - 这里是一个更新的 fiddle ，去掉了前缀。

https://jsfiddle.net/4box1y3b/1/

希望看到一个在 Firefox 中运行的例子

Answer 1

使用以下代码，内部和外部媒体查询。 -moz 不是必需的。
.col-4-自适应{
列数:2；
列间距:15px；
}