用vw单位减去像素量定义的网格列?

你的 calc() 参数无效。

你有这个:

grid-template-columns: calc(30vw-1px) 20vw calc(30vw-1px)

你需要这样做:

grid-template-columns: calc(30vw - 1px) 20vw calc(30vw - 1px)

来自MDN:

calc()

这个 + 和 - 运算符必须由空格包围。

例如, calc(50% -8px) 将被分析为后面的百分比 以负数长度-一个无效的表达式-while calc(50% - 8px) 是 百分比,后跟减法运算符和长度。

同样地, calc(8px + -50%) 被视为长度后跟 加法运算符和负百分比。

这个 * 和 / 运算符不需要空白,但将其添加到 一致性是允许的,也是推荐的。