我尝试使用the solution here以最小尺寸动态调整文字大小。
您可以使用公式并包含视口宽度来完成。
font-size: calc(7px + .5vw);
这会将最小字体大小设置为7px 并根据视口宽度将其放大.5vw。
问题在于我使用LESS
预编译器。我相信它在编译时评估calc()
函数并解析为静态px
值。我已经使用页面上的Chrome开发工具确认了这一点,无论是否使用LESS
都可以执行相同操作。
LESS:
没有LESS:
那么,如何让我编译的CSS保留calc()
函数?