我正在寻找一种可以与缩放一起很好地缩放的布局(用户按ctr / cmd + [plus])。为此,我需要尺寸与字体大小一起缩放。使用em单位太棘手了,所以我正在考虑使用rem(并复制旧的ie的每个维度属性)。
我最初的想法是将html元素的font-size设置为10px,然后使用1 / 10rem作为像素替换。但由于body上的font-size在px中是任意设置的,因此html上的字体将专门用于rem测量。那么为什么不把它设置为1px?
优势显而易见 - 易于编写重复的声明和可维护性。
至于缺点(除了复制声明之外)我想不出任何。但也许我错过了一些东西。这种方法有任何陷阱吗?
答案 0 :(得分:0)
正如你所说的那样,你仍然需要以其他方式为IE做事,我认为这种方法没有任何可能的好处。只需使用em,即使它需要一些计算。如果你有深层嵌套的元素和自己的字体大小设置,那么它无论如何都太复杂了,需要简化,而不是复杂化。
设置font-size:1px非常不自然,会让您的样式表难以阅读和维护。
答案 1 :(得分:0)
由于您已在自己的身体中定义了可继承的字体大小,因此您可以根据需要更改html字体大小。目前,这仅影响rem值,但如果其他东西使用此值,则此1px非标准配置将破坏其他内容并且难以修复。
这可能会对使用rem的第三方库产生影响,而且可以交替使用em和rem来产生一些混淆。
我个人认为,如果使用vanilla CSS(没有预处理器),使用这种非标准方法大大简化了rem的使用,因为1:1 rem:px值非常直观。