有没有办法从CSS中的calc函数中删除单位

问题描述 投票:6回答:2

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

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

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

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

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

css calc
2个回答
1
投票

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


0
投票

有一个postcss-strip-units PostCSS插件

© www.soinside.com 2019 - 2024. All rights reserved.