【发布时间】:2017-08-01 22:36:43
【问题描述】:
好的,所以这可能是我做过的一件非常简单的事情(其中一天),但我终其一生都无法弄清楚这一点。
长话短说, 在我的 main.scss 中:
.test{
width: calc(100% - 50px);
}
在我自动编译的 main.css 中(在代码编辑器甚至在线文件管理器中查看):
.test{
width: calc(100% - 50px);
}
然而,在浏览器中显示不正确,经过检查,它已在某处转换为:
.extra-test{
width: calc(50%);
}
关于什么可能导致这种情况的任何想法?
(使用最新版本的 Chrome)
【问题讨论】:
-
听起来你好像在某个地方搞砸了 mixin。如果可以,请尝试查看生成的 CSS 文件的源代码,看看生成了什么?
-
您是否使用任何 CSS 编译器,例如 LESS?在 LESS 中,您需要使用
~"calc(100% - 50px)"来保持字面意思,并跳过 LESS 将其编译到计算中。 -
您确定您查看的是正确的文件吗? Chrome 不仅会神奇地转换 CSS 文件的内容。
-
@NiettheDarkAbsol 仅使用 SCSS,我检查了它编译的文件是否正确,如我的问题所述。
-
@MarkoGrešak 我有 99% 的把握,服务器上没有其他具有相同名称/代码的文件。并且我正在推送到该文件的更改存在。