在不同页面上使用Em Different的CSS字体大小

我注意到没有人提到 em 作为字体大小单位工作,因此我将尝试为您清除。

有两种方法可以告诉浏览器应呈现的字体大小。

1. 设置一个 绝对的 大小
   为了 绝对的 尺寸,像 px 或 pt 你告诉浏览器你想要的文本大小。如果你写 12px 它的高度将精确到12像素。
2. 设置一个 相对的 规格尺寸 相对长度单位 是一个 相对的 尺寸。
   为了 相对的 尺寸,像 相对长度单位 ,您告诉浏览器相对于页面上的其他文本,文本的大小。它的工作方式类似于百分比,因此如果页脚文本的大小为 0.8em ,它将呈现为页面上主文本的80%高。

这就解释了为什么不同页面上的尺寸不同。如果正文的字体大小是在一页上显式设置的,但在另一页上完全不设置(或显式设置为其他大小),则将使 相对长度单位 -大小不同的字体呈现不同的大小。

这也是为什么使用它很糟糕的原因 <font> 标签。仔细研究这些标签,弄清楚设置了哪些明确的大小,可能会使您的 相对长度单位 S.
当您使用CSS设置字体大小时,这不仅是一个易于查找的信息,而且是一个易于修改的属性。

正如大卫托马斯所说,使用 <font> 被贬低。如果您有一个软件工具来进行全局编辑,您可以尝试删除所有 <字体& gt; 标记,然后将类添加回实际需要不同字体的HTML,并将字体信息添加到CSS中。
另一种选择是一次通过一个,我认为这很费时。至少你完成后会有更干净的HTML。

在一个薄弱的防御中,以前的设计师可能使用了WYSIWYG Web设计工具,该工具为他/她创建了HTML,但没有看到结果代码。

尝试使用与 px 或 pt 单位而不是 em .
大小百分比和 相对长度单位 可能会被意想不到的继承级别搞砸,但不会 二甲苯 或 铂 .

我的解决方案基本上是做内联样式来纠正任何问题。使用px而不是em是一个选项,但是我们更喜欢保持可访问性,而不是使用内联样式的最佳实践(无论如何,任何最佳实践都是不存在的)。