CSS calc（百分比 - 像素）被浏览器解释为calc（百分比 - 百分比）

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的一个问题。感谢您的帮助，抱歉浪费您的时间！

编辑：现在已经解决了这个问题。对于任何未来的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">解决了问题并提供了正确的文件，而不是我认为是低级编译的缓存文件。