我目前正在使用以下规则:
margin-left: calc(((100vw - 624px) / 144) * 5);
在1200px视口宽度处,这给出了20px的值。然而,我实际上想要的结果是获得20%的结果。理想情况下,这意味着将“5”的乘法因子从整数变为“5%”。但为了做到这一点,我需要从计算的其余部分中删除单位,以便计算处理4 * 5%
而不是4px * 5
。
在SASS中我可以除以1px,但在计算中你只能除以一个数字,而不是一个统一的值。
有没有办法从calc函数的一部分中删除单位?
答案 0 :(得分:1)
SASS和其他CSS预处理器有一个strip-unit
函数,但CSS3中没有类似的功能。
答案 1 :(得分:0)
有一个postcss-strip-units
PostCSS插件