Question

我读过很多文章，但我不太清楚今天的内容是什么。我想正确设置字体大小，但我不确定要使用什么。

我见过body {font-size：100％}和body {font-size：62.5％}。我还读过字体大小应该是px还是不是px。

今天做正确的方法是什么？如果IE 6 [已经过时]且7个正在慢慢变得过时，那么将字体设置为通过网站级联的最佳方法是什么？

Answer 1

这在很大程度上取决于您的个人编程风格和偏好。

我自己更喜欢在em中设置字体大小。这给了我一个优势，我可以通过更改正文中的一个数字来调整页面中的所有字体大小。

如果您使用的字体大小为100％或62.5％也是个人喜好并且取决于布局。没有人能告诉你最佳价值，因为没有人知道你个人喜欢和想要什么。

Answer 2

如果您希望字体大小相对，则应使用62.5％（对于FF和IE中的文本缩放非常有用）

body {
    font-size: 62.5%;
}
p {
    font-size: 1.2em; /* this is 12pixel */
}

为什么62.5％？这是一个适用于所有浏览器的值

Answer 3

这不是一个问题，而是更一般的指导方针。这也可以应用于line-height属性，这在IE中可能非常错误。作为UI开发人员，我的工作流程如下：

在正文上设置像素值，通常为12px，14px，16px或18px。（这将是您的默认值）。我会非常避免使用百分比作为默认字体大小。我还通常在所有文本的body元素上设置百分比或基于EM的行高。
使用EMs定义文本的值。您可以将一般段落设置为1.0em，将您的第一个孩子设置为1.25em稍大一些。将标题设置为适当的大小等。这取决于您正在处理的网站以及您的偏好。

请记住，一旦你设置了一个高度的CSS，它会向下级联。如果您的默认字体高度是12像素，并且您将所有div设置为1.33em，然后将div的子元素设置为1.25em，那么您将拥有一个非常奇怪的字体大小...这没有错无论如何，但这不是最佳做法。

通过一些练习，这将使你在任何时候都知道你的字体大小是非常流畅的，并且在浏览器中运行良好。

同样通过这种做法，对于增加字体大小的视障人士来说，如果您可以想象所有字体大小都是基于默认像素大小的百分比，那么一切都可以很好地扩展。

在声明身体上的字体大小后设置EMs的好资源是pxtoem.com。

希望这有帮助！