Css 字体大小1px,用于rem单位

Css 字体大小1px,用于rem单位,css,font-size,units-of-measurement,Css,Font Size,Units Of Measurement,我正在寻找一个布局,可以很好地缩放(用户按下ctr/cmd+[plus])。为此,我需要尺寸与字体大小一起缩放。使用em单位太棘手了,所以我考虑使用rem(并复制旧ie的每个维度属性) 我最初的想法是将html元素的字体大小设置为10px,然后使用1/10rem作为像素替换。但由于在px中正文上的字体大小是任意设置的,所以html上的字体大小将专门用于rem测量。那么为什么不将其设置为1px呢 其优点是显而易见的——易于编写重复声明和可维护性 至于缺点(除了重复声明),我想不出有什么缺点。但也许

我正在寻找一个布局,可以很好地缩放(用户按下ctr/cmd+[plus])。为此,我需要尺寸与字体大小一起缩放。使用em单位太棘手了,所以我考虑使用rem(并复制旧ie的每个维度属性)

我最初的想法是将html元素的字体大小设置为10px,然后使用1/10rem作为像素替换。但由于在px中正文上的字体大小是任意设置的,所以html上的字体大小将专门用于rem测量。那么为什么不将其设置为1px呢

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


至于缺点(除了重复声明),我想不出有什么缺点。但也许我错过了什么。这种方法有什么缺陷吗?

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


设置字体大小:1px是非常不自然的,会使样式表难以阅读和维护。

因为您已经在正文中定义了可继承的字体大小,所以可以根据需要更改html字体大小。目前,这只会影响rem值,但如果其他东西使用此值,则此1px非标准配置将破坏其他东西,并且很难修复

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


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

可能会晚一些,但是字体大小1px可能会干扰浏览器的最小字体大小。
设置字体大小:1px非常不自然,会使样式表难以阅读和维护。
正如OP明确指出的,1px值实际上并不用于页面上的任何文本元素,它只是专门用于REM测量。