不要使用 LESS/CSS minificator 压缩 '0' 中的 '0px'

Question

我想压缩我的 LESS 文件，我使用新的 flexbox 显示如下：

flex: 1 1 0px;

我使用grunt-contrib-less 并激活压缩选项，结果是：

flex: 1 1 0;

Chrome 和 FF 都可以，但是 IE 11 在 0 后面没有 'px' 时就不行了。

您是否知道不删除“px”的方法，或者它只是我的代码和 IE 的错误？

Answer 1

你可以escape the value:

element {
  flex: ~"1 1 0px";
}

由于您试图转义变量，您可以使用：

element {
  flex: ~"@{grow} @{shrink} @{basis}";
}