MVC Bundling通过删除空格来破坏我的计算CSS语句？

Question

我有这样的css语句:

margin-left: calc(50% - 480px);

哪个工作没有明确,但是一旦我开始缩小,声明就会变为:

margin-left: calc(50%- 480px);

渲染所有calc语句已损坏.类似的事情发生在宽度,最大宽度,最小宽度等等.有没有什么办法可以改变捆绑行为以保留这些CSS属性？

目前我只是bundles.Add(new Bundle())用来完全防止缩小,但如果我能正确缩小它会很好.

Answer 1

这是优化器的问题.

要避免miniffier删除空格,请使用括号对受影响的元素进行分组.这解决了这个问题.

margin-left: calc((50%) - 480px);

Answer 2

除了上面的答案:如果您使用:

margin-left: calc((50%) + 480px);

您应该将其重写为:

margin-left: calc((50%) - -480px);

因为它似乎没有为我修复(50%)+.