如何将原始sass文件编译成多个浏览器兼容版本的css

Question

据我所知，指南针可以帮助您将其语法编译为多个浏览器支持版本。

现在我写了sass文件，

我将使用工具将其编译成css。

但我想知道如何将它编译成多浏览器支持css，就像指南针一样。

例如

输入

@import "compass/css3";
.box{
  @include border-radius(5px);
}

输出

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;

但问题是我只知道写css（如下所示），

如何将以下css代码段转换为多个与浏览器兼容的css版本？

因为它不适用于Firefox但适用于Chrome

有什么想法吗？

.container {
  .categorysection {
    margin: 0 auto;
    max-width:960px;
    &.grey {
      background: #eee;
    }
  }
  .grid-col {
    text-align: center;
    display: block;
    float: left;
    margin: 8px 6px;
  }  
  h3.heading {
    float: left;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 960px) {
    .grid-col {
        float: none !important;
        /*display: block;*/
    }
}