在运行时使用CSS Calc()和LESS预编译器

时间:2018-03-26 21:17:25

标签: css less css-calc

我尝试使用the solution here以最小尺寸动态调整文字大小。

  

您可以使用公式并包含视口宽度来完成。

font-size: calc(7px + .5vw); 
     

这会将最小字体大小设置为7px   并根据视口宽度将其放大.5vw。

问题在于我使用LESS预编译器。我相信它在编译时评估calc()函数并解析为静态px值。我已经使用页面上的Chrome开发工具确认了这一点,无论是否使用LESS都可以执行相同操作。

LESS:

enter image description here

没有LESS:

enter image description here

那么,如何让我编译的CSS保留calc()函数?

0 个答案:

没有答案