有没有办法从CSS

时间:2016-11-04 12:06:36

标签: css calc

我目前正在使用以下规则:

margin-left: calc(((100vw - 624px) / 144) * 5);

在1200px视口宽度处,这给出了20px的值。然而,我实际上想要的结果是获得20%的结果。理想情况下,这意味着将“5”的乘法因子从整数变为“5%”。但为了做到这一点,我需要从计算的其余部分中删除单位,以便计算处理4 * 5%而不是4px * 5

在SASS中我可以除以1px,但在计算中你只能除以一个数字,而不是一个统一的值。

有没有办法从calc函数的一部分中删除单位?

2 个答案:

答案 0 :(得分:1)

SASS和其他CSS预处理器有一个strip-unit函数,但CSS3中没有类似的功能。

答案 1 :(得分:0)

有一个postcss-strip-units PostCSS插件