IE 忽略 HTML SUB 元素的字体大小？ [复制]答案

【问题标题】：IE ignores font-size for HTML SUB elements? [duplicate]IE 忽略 HTML SUB 元素的字体大小？ [复制]
【发布时间】：2010-01-13 05:00:02
【问题描述】：

可能重复：
relative font-size of <sub> or <sup> and their descendants in IE

我通常精通 CSS，但这个问题让我感到惊讶......

我有一些简单的标记，由一些文本和一个子文本组成：

<p>I am a main text<sub>This is a sub text</sub></p>

我设置了 CSS，默认情况下，所有元素的字体大小为 12 像素。但是，对于子元素，我否决了这一点：

sub { color:#999; font-size:11px; }

Firefox 尊重 11px，而 IE 8 不这样做，它使它变得更小，但它确实尊重颜色规则。这是我在设置 FIXED 字体大小时所期望的最后一件事。我可以保证没有其他 CSS 规则与此冲突。

如果我将 CSS 中的 font-size 增加到 12px，IE 将以 11px 呈现它，但在 Firefox 中它太大了。 IE 中的 SUB 元素发生了一些奇怪的事情。

我确实有一个解决方案，如果我使用其他东西来标记子文本，例如 h3，Firefox 和 IE 都会正确呈现字体大小。如果没有更好的解决方案，我会朝那个方向发展，但我只是好奇是否有更好的解决方案？我也喜欢标记当前的外观。

【问题讨论】：

【解决方案1】：

我一直在解决 IE 不符合标准的问题的方法是检查用户代理并根据它是 IE 还是其他方式返回不同的样式表。然后你的 IE 样式表可以做任何它需要做的事情，以使 IE 正确呈现它，而不会为其他人破坏它。

【讨论】：

到目前为止，我能够避免针对不同浏览器使用不同的样式表，如果可能的话，我希望保持这种方式。
在大多数情况下，可以使用“* html sub”来制作 IE 特定的 css。 "* html" 部分只针对 IE，因为它认为在 html 之外还有一个父 dom 元素，即 'document' 或 'window' 元素。不确定是哪个。
* html sub hack 仅适用于 IE More here.

【解决方案2】：

由于似乎没有 CSS 修复，我决定使用 <small> 标签而不是 <sub> 标签。这很好用，虽然它确实让我的标记不太清楚。

【讨论】：