Css 如果我使用body{font size:62.5%}，有哪些优点和缺点？

如果我使用

正文{font size:62.5%}

，有哪些优点和缺点

---

如果

body{font size:62.5%}

有一些问题，那么是否有人可以在站点中建议任何其他字体大小调整方法

使用百分比定义字体大小的一个好方法是，当用户放大或缩小文本时，保持所有字体的相对纵横比。

使用百分比定义字体大小的一个好方法是保持当用户放大或缩小文本时，所有字体的相对纵横比。

它将根据客户端的浏览器设置缩放身体。因此，字体将比他的默认字体大小小62%（但不小于他在首选项中设置的最小字体大小）。从可访问性的角度来看，这很好（字体不使用像素大小），但你不能假设文本会有一定的大小，就像你使用像素时那样（因此，根据用户的设备，你的布局会更加多变）。

这将使你的身体根据客户端的浏览器设置进行缩放。因此，字体将比他的默认字体大小小62%（但不小于他在首选项中设置的最小字体大小）。从可访问性的角度来看，这是很好的（字体不要使用像素大小），但你不能像使用像素那样假设文本会有一定的大小（因此，根据用户的设备，你的布局会更加多变）。

好：相对字体大小是一件好事，这样人们就可以轻松地选择自己喜欢的字体大小，并独立于图像大小对其进行缩放

---

坏：62.5%非常小，几乎可以保证用户必须缩放它。

好：相对字体大小是一件好事，这样人们可以轻松选择自己喜欢的字体大小，并独立于图像大小进行缩放

---

坏：62.5%非常小，几乎保证了用户将不得不扩展它。

Pro：相对大小有利于良好的可访问性

---

缺点：它通常要求你的网站是相对大小的。由于舍入问题和渲染怪癖，这可能会有点麻烦。

Pro:相对大小有利于良好的可访问性

缺点：它通常要求你的网站是相对大小的。由于舍入问题和渲染怪癖，这可能会有点麻烦。

Pro:

• 根据用户设置进行缩放
• 不会递归（因此，如果在身体中嵌套元素，则不会获得更小文本的效果）

反对：

• 用户已在prefs中选择了他们喜欢的字体大小，您将覆盖该字体大小。他们会恨你的，因为他们现在每次访问你的网站时都要增加字体大小，离开网站时又要减少字体大小
• 这将使你的网站在第一次访问时无法阅读，这意味着你将失去99%的访问者

[编辑]你要求解释我的缺点。我不确定什么是难以理解的，但这里有：

有很多人从不改变他们电脑上的默认设置。他们不知道如何做，即使他们做了，他们也不知道如何改变这些值以使其更好。这些人会很恼火，因为你的网站突然看起来和其他所有网站都不一样了。他们不知道如何“修复”这个问题。这会让他们感到沮丧->愤怒->他们会恨你的网站->恨你网站上的一切->你失去控制

然后有人更改默认值。有些人只是在摆弄所有闪亮的按钮，而另一些人则出于某种原因改变了设置。例如，他们可能有视力障碍。刚发现“Comic Sans/34pt”的人会恨你，因为他们为找到这么好的字体而感到骄傲，而现在你的网站看起来又那么丑陋

后一类人会恨你，因为你让他们的生活变得悲惨，提醒他们他们的痛苦（他们无法改变，但他们可以离开你的网站，永远不会回来）

还有一些用户知道如何通过缩放菜单更改字体大小。当您离开启用了较大字体的页面时，大多数浏览器不会重置缩放菜单。那么会发生什么呢？你网站的用户多久会回来一次，增加字体大小，离开，再缩小，回来。。。一两次从来没有

最后，很多人只是不想麻烦。他们会访问你的网站，看到你的网站很难阅读，甚至懒得去弄清楚为什么会这样。当他们的眼睛告诉他们“难以阅读”时，他们的兴趣就消失了。点击一下，他们就会忘记你

结论：这是确保只有真正感兴趣的人才能访问你的网站的一个很好的方法。如果你有一个很好的方法找到所有真正感兴趣的人，并把他们指向你的网站，加上他们中的大多数人都愿意经历这些麻烦，使他们自己可读。。。不，即使在这种情况下，这也不是一个好策略

最后一点：可能是因为您更改了默认设置或浏览器忽略了小于6像素的字体，所以该网站在您的显示器上仍然可读，但大多数人都会看到：具有7像素字体的网站。您面前的站点的字体大小为13.7px（在Linux上）。这是非常可读的。7px太小了

[EDIT2]您似乎假设所有浏览器使用相同的字体。这是绝对错误的。看看我们这里说的是什么样的混乱。

Pro:

• 根据用户设置进行缩放
• 不会递归（因此，如果在身体中嵌套元素，则不会获得更小文本的效果）

反对：

• 用户已在prefs中选择了他们喜欢的字体大小，您将覆盖该字体大小。他们会恨你的，因为他们现在每次访问你的网站时都要增加字体大小，离开网站时又要减少字体大小
• 这将使你的网站在第一次访问时无法阅读，这意味着你将失去99%的访问者

  1em = 10px (10 *1)
  1.1em = 11px (10 * 1.1)
  1.2em = 12px (10 * 1.2)