使用带有视口单位的css计算

Question

为什么这样做：

left: calc(50vw - (269 * (100vw  / 1220 ) ) );

但事实并非如此：

left: calc(50vw - (269 * (100vw  / 1220 ) ) + 269 );

唯一的差别是+269。

FF检查员说"属性值无效"。

Answer 1

使用calc()时，可以用无单位值进行乘法和除法运算，但加法或减法需要单位。

calc(10vh * 2)——这是可以的，意思是"我想要的vh是我开始时的两倍"。

calc(10vh + 2)——这不好。"加两个什么：vh？px？"。