Chrome 和首字母伪元素的 CSS 问题答案

【问题标题】：CSS Problem with Chrome and first-letter pseudo-elementChrome 和首字母伪元素的 CSS 问题
【发布时间】：2011-03-17 21:38:51
【问题描述】：

我有一个问题，即 Windows 上的 Google Chrome 与所有其他浏览器（例如 IE、Firefox、Safari）相比，将段落的第一个字母放置在不同的位置。不同之处在于垂直位置 - 字母在所有其他浏览器中显示较高（在每个浏览器中都相同），但在 Google Chrome 中较低，因此几乎不可能为第一个字母设置样式。

您是否知道为什么以及如何发生这种情况？

可能是母 DIV 的样式会影响段落样式，但我不这么认为。

另外，顺便说一下，WordPress 中的 Drop-Caps 插件在 Firefox 中不起作用。

【问题讨论】：

stackoverflow.com/questions/3202661/css-problem-with-chrome/…有同样的问题

标签： css solution pseudo-element

【解决方案1】：

如果您使用相对字体大小（基于百分比或点），这些字体在每个浏览器中的呈现方式通常会有所不同。见W3 for more info

【讨论】：