如何在calc中舍入值？

Question

我已将rem值设置为：

{{client |json }}

在767px宽屏幕上相当于13像素，在较大屏幕上较大，在较小屏幕上较小。

所有内容都像魅力一样，只有当使用CSS html { font-size: calc( 13px + ( (100vw - 767px) / 767 ) ); } 设置内联元素时，我才能获得奇怪的空白。我做了一些测试，当我将rem值设置为13或14px的圆值时，似乎问题消失了。有没有办法围绕我的表达？

Answer 1

  

没有原生的 css 方法来舍入calc，除非你是   使用scss（Sass）有一个库来做这件事。校验   here

或者，因为如果你想拥有一个响应＆＃34;那么使用calc并不是一个好主意。字体大小可以使用em或vm或vh之类的本机方法和单位，而不是calc，这会花费更多的CPU周期。

此外，如果您需要特定屏幕尺寸的特定字体大小，可以使用CSS Media queries。 Here is a good resource

vw＆amp; amp; VH：

  

1vw =视口宽度的1％
  1vh =视口高度的1％
  1vmin = 1vw或1vh，以较小者为准   1vmax = 1vw或1vh，取较大者

看到它的实际效果：

检查this以获取更多信息