我正在追求一种可以随着缩放而很好地缩放的布局（用户按 ctr/cmd + [plus]）。为此，我需要尺寸与字体大小一起缩放。使用 em 单位太棘手，所以我正在考虑使用 rem （并复制旧 ie 的每个维度属性）。
我最初的想法是将 html 元素上的 font-size 设置为 10px，然后使用 1/10rem 作为像素替换。但由于 body 上的 font-size 是以 px 为单位任意设置的，因此 html 上的 font-size 将专门用于 rem 测量。那么为什么不将其设置为 1px 呢？
优点是显而易见的——易于编写重复声明和可维护性。
至于缺点（除了重复声明之外）我想不出任何缺点。但也许我错过了一些东西。这种方法有什么陷阱吗？
由于您已经在正文中定义了可继承的字体大小，因此您可以安全地根据需要更改 html 字体大小。目前，这仅影响 rem 值，但如果其他东西使用该值，那么这个 1px 非标准配置将破坏其他东西并且难以修复。
这可能会对使用 rem 的第三方库产生影响，并且互换使用 em 和 rem 可能会造成一些混乱。
我个人认为，如果使用普通 CSS（无预处理器），使用这种非标准方法可以大大简化 rem 的使用，因为 1:1 rem:px 值非常直观。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
