css - 不要使用 LESS/CSS 压缩器将 '0px' 压缩到 '0'

Question

我想在我使用新的 flexbox 显示的地方压缩我的 LESS 文件:

flex: 1 1 0px;

我使用 grunt-contrib-less压缩选项处于事件状态，结果是:

flex: 1 1 0;

它适用于 Chrome 和 FF，但在 0 后没有“px”的情况下不适用于 IE 11。

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

Answer 1

你可以 escape the value :

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

由于您试图转义一个变量，您将使用:

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