1

在 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();
    }
4

0 回答 0