font-size：in p：Android chrome上的第一个字母不能正常工作

Question

在Nexus 7上出现一个问题，其中font-size：在p：first-letter选择器中无法正常工作。

p:first-letter {
    font-size:1.3em;
    font-weight:bold;
    color:#662020;
}

以下Nexus 7 Chrome的屏幕截图。在左边是横向，看起来像第一个字母更大的预期。在纵向模式下右侧是同一页面。请注意第一个字母“V”已变得小于文本的其余部分。我尝试设置font-size：130％，它看起来一样，太小了。

p：first-line也存在类似的问题。我只在Android设备上看到这些问题。

任何线索如何解决这个问题（某些元视口魔法或其他东西）或解决方法？

Answer 1

这看起来可能是字体提升。 Chrome会查看该页面，并确定是否需要增加字体大小以使文本可读，在这种情况下，它有可能提升副本高于：before font-size。

确保你有一个视口集：这应该限制字体提升的效果。

如果您还可以提供可帮助我进一步诊断的演示网站

Answer 2

是的，有一个已知的错误：http://crbug.com/253763（随意为它加注星标）。

我对你的截图感到有些困惑，因为当我在Nexus 7上查看vijayanderson.com/bio时，一切看起来都很好。您使用的是什么版本的Chrome（设置＆gt;关于Chrome），以及您有什么设置＆gt;可访问性＆gt;文本缩放设置为？

Answer 3

这是对@Kinlan的回应 - 它很长，所以我把它作为答案而不是评论。

“font-boosting” - 我知道它正在发生，但不知道它叫什么。如果您想查看实时网站，请http://vijayanderson.com/bio。

元视口是标准视口：

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

这似乎是字体提升中的一个错误，因为它不会提升p：first-letter和p：first-line。 将在段落中使用放大的字体适当地增加跨度，因此替换p：带有跨度的第一个字母看起来是正确的，但不是正确的修复。

我不想禁用字体提升，我认为它增加了可用性。谢谢你的回复。