在 less 中使用纯 CSS calc 时,我必须在我的 calc 字符串之前放一个波浪号以停止计算它,这在执行时有效 - 但在使用 + 时无效
是什么原因造成的,我可以阻止它发生吗?
例子:
width: calc(~"(100%) - 20px");
结果是:
width: calc((100%) - 20px);
但:
width: calc(~"(100%) + 20px");
结果是:
width: calc((100%)+ 20px);
这不是有效的CSS。
我想出的唯一解决方法是:
width: calc(~"(100%) - -20px");
结果是:
width: calc((100%) - -20px);
哪个在数学上是正确的 + 但为什么捆绑和缩小迫使我必须这样做?
附带说明一下,我使用了 Visual Studio 2017 社区及其来自 bundleConfig.cs 的捆绑
我的样式包如下所示:
public static void RegisterBundles(BundleCollection bundles)
{
bundles.Add(new StyleBundle("~/Content/css/BundledCSS")
.Include("~/Content/css/UpToDate/jquery-ui.css")
.Include("~/Content/less/bootstrap/bootstrap.css")
.Include("~/Content/css/font-awesome.css")
.Include("~/Content/css/awesome-bootstrap-checkbox.css")
.Include("~/Content/css/animate.css")
.Include("~/Content/css/SidewaysNav.css")
.Include("~/Content/css/site.css")
.Include("~/Content/css/pastel-colors.css")
);
BundleTable.EnableOptimizations = true;
bundles.FileSetOrderList.Clear();
}