php - CSS calc(percent - pixels) 被浏览器解释为 calc(percent - percent)

Question

好吧，这可能是我做过的一件非常简单的事情(有那么几天)，但我一辈子都想不通。

长话短说，在我的 main.scss 中:

.test{
    width: calc(100% - 50px);
}

在我自动编译的 main.css 中(在代码编辑器甚至在线文件管理器中查看):

.test{
    width: calc(100% - 50px);
}

然而，在浏览器中它显示不正确，经检查，它已在某处转换为:

.extra-test{
    width: calc(50%);
}

关于可能导致此问题的任何想法？

(使用最新版本的 Chrome)

Answer 1

好的，所以我做了更多的挖掘，我们使用的 CMS (Concrete5) 正在创建文件的缓存版本(我认为是使用 LESS 编译的)并提供它而不是文件的原始版本。

所以我将关闭这个问题，因为这似乎是 CMS 的问题。感谢您的帮助，很抱歉浪费您的时间!

编辑:现在已经解决了这个问题。对于任何 future 的 Google 工程师，问题是在 Concrete5 中，我保留了 <?php echo $html->css($view->getStylesheet('main.css'))?> 这行在我的自定义主题的 header-top.php 文件的顶部。我不是 100% 确定该行的作用，但将其更改为 <link rel="stylesheet" type="text/css" href="<?php echo $view->getThemePath()?>/css/main.css">解决了问题并提供了正确的文件，而不是我认为是 LESS 编译的缓存文件。