Css html{font size:1px；}在使用REM单元时有什么问题吗？

html{font size:62.5%；}

似乎是将基本字体大小设置为10px的标准方法

例如：

但这会对浏览器的字体大小16px产生依赖。从长远来看，这似乎不可靠。。。为什么不

html {font-size: 1px;}  /* 1px */
body {font-size: 15rem;} /* 15px */

---

这有技术问题吗？它看起来更干净、更可靠。为什么我看不到人们这样做？

从前，只有IE和文本缩放。其他浏览器也出现了，放弃了这个概念，转而扩展整个视口。毕竟，如果你很难阅读文本，你可能也很难看到图像和其他非文本元素

当您使用相对字体大小时，在某些情况下，它们必须转换为屏幕上的基本像素。默认修饰符大体上应该是16px，您可以将其想象为高于

的元素1级别上的声明。任何基本修改，如身体上的

62.5%

，1个相对单位等于10px，都会缩小该值

考虑到这一点，你实际上是在自己动手，覆盖

上方的浏览器基本字体大小，并将其设置为1px值，从而使1em/rem在体内始终等于1px。但是，这是有代价的——由于您的直接像素值，浏览器无法传播其自身的基本字体值，因此您的声明忽略了用户可能设置的任何字体大小设置。换句话说，使用1px技巧将禁用浏览器的纯字体大小缩放。然而，与此同时，仅缩放字体大小在其意图上仍然存在根本性缺陷（看看google.com的缩放字体结果）

如果您希望保留浏览器仅控制字体大小缩放的功能，同时使用1rem=1px，您可能希望使用此功能。编辑：我应该注意到，由于最小字体大小设置（6px默认值），这在Chrome中会有问题。填充和边距将按最小值缩放此值

html
  font-size 6.25%
body
  font-size 16rem

---

在2020中，您可以在Chrome中执行此操作，方法是：

chrome://settings/fonts

然后将最小字体大小从6px滑动到0。

---

现在，Chrome不会覆盖任何字体大小的最小值。对于不支持REMS的任何浏览器来说，

可能是个问题。像素后退<代码>正文{字体大小：15px；字体大小：15REM；}还有其他原因吗？我认为主要问题是任何SE读取您的1px字体将把整个站点视为垃圾邮件。此外，我真的没有看到更多的边际效益最多，可能有很多问题。尽管如此，从技术角度来看，我认为只要你不关心全能的谷歌，你就不会有问题。顺便说一句，这个问题是重复的，所以可能

html{font-size:10px；}

。使用固定单位似乎比依赖浏览器的百分比更可靠。

html{font-size:62.5%；}

人们为什么这样做？设置

font-size:62.5%

将字体大小设置为继承大小的62.5%，继承大小可以是任何东西，即使对于

html

元素也是如此。如果您想将字体大小设置为15px，那么最好直接将其设置为

15px

。那么问题是什么呢？当然，你的方法是非常危险的；考虑当用户样式表有<代码> HTML {字体大小：18Pt！重要} /代码>时会发生什么。对于浏览器来说，这似乎是一个非常简单的例子，只是缩放根Em值，不管是显式还是不显式。如果你是一个能够重写浏览器特性而不要求任何人的许可并以某种方式抹去所有先前版本的人，那么非常简单。

html
  font-size 6.25%
body
  font-size 16rem