Question

我在W3C验证器中检查了我的scss生成的css代码，它为这段代码抛出了一些错误（请参见下文）：

body {
  --ajuste: calc((1400px - 100vw) / 1400);
  font-size: 1em;
  position: fixed;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #fff;
  text-align: center;
  -webkit-touch-callout: none !important;
}
@media screen and (max-width: 750px) {
  body {
    font-size: 6.7142857143px;
  }
}
@media screen and (min-width: 750px) and (max-width: 1400px) {
  body {
    font-size: calc(1.1428571429vw - var(--ajuste) * 4);
  }
}

这是反馈：

> Error de análisis sintáctico --ajuste: calc((1400px - 100vw) / 1400);
> Error de análisis sintáctico [: 1em; position: fixed; width: 100%; height: 100%; margin: 0; padding: 0; background-color: #fff; text-align: center; -webkit-touch-callout: none !important; } @media screen and (max-width: 750px)]
> Propiedad no válida : font-size Error de análisis sintáctico var(--ajuste) * 4)

“ Error deanálisissintáctico”是西班牙语，表示“ Sintactic analysis error”，“ Propiedad noválida”表示“无效属性”。我无法想象这里出了什么问题，请帮忙吗？

Answer 1

鉴于有一个功能请求当前处于打开状态，我想说它尚不支持：

Please add support for CSS variables ("custom properties"), a widely supported and crucial feature. #111

为什么此CSS会引发一个语法错误？

1 个答案: