将CSS Calc与视口单位一起使用[重复]

Question

此问题已经在这里有了答案：

How do I debug CSS calc() value?（1个答案）

Why does this calc function not work in transform scale?（1个答案）

关闭2分钟前。

为什么这样做：

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？”。