Font-size 1px用于rem单位

Question

我正在追求一个布局，可以很好地缩放缩放(用户按ctr/cmd +加号)。为此，我需要尺寸与字体大小一起缩放。使用em单位太麻烦了，所以我在考虑使用rem (并复制旧ie的每个维度属性)。

我最初的想法是将html元素的font-size设置为10px，然后使用1/10rem作为像素替换。但是由于body上的font-size在px中是任意设置的，所以html上的font-size将专门用于rem测量。那么为什么不将其设置为1px呢？

它的优点是显而易见的--易于编写重复的声明和可维护性。

至于缺点(除了重复声明)，我想不出任何缺点。但也许我漏掉了什么。这种方法有什么缺陷吗？

Answer 1

正如你所说的，你仍然需要为IE做一些其他的事情，我不认为这种方法有任何可能的好处。只需使用em，即使它需要进行一些计算。如果您有深度嵌套的元素，并且有自己的字体大小设置，那么无论如何都太复杂了，需要简化，而不是复杂化。

设置font-size: 1px是非常不自然的，并且会使您的样式表难以阅读和维护。

Answer 2

既然你已经在你的身体里定义了一个可继承的字体大小，你就可以安全地改变html的字体大小了。目前，这只影响rem值，但是如果其他东西使用了这个值，那么这个1px的非标准配置将破坏其他东西，并且很难修复。

这可能会对使用rem的第三方库产生影响，并且可能会因为互换使用em和rem而产生一些混淆。

我个人认为，如果使用普通的CSS (sans预处理器)，使用这种非标准方法可以极大地简化rem的使用，因为1:1rem:px值非常直观。