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

编辑：现在已经解决了这个问题。对于任何未来 Google-eers，问题是在 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-compiled.

的缓存文件

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

CSS calc(percent - pixels) being interpreted as calc(percent - percent) by browser

php

css

web

concrete5