在 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 设备上看到这些问题。
有什么线索可以解决这个问题（一些元视口魔法或其他东西）或解决方法吗？
【问题讨论】：
标签： android css google-chrome font-size pseudo-element
这看起来可能是字体增强。 Chrome 将查看页面并确定是否需要提高字体大小以使文本可读，在这种情况下，它有可能将副本提高到高于 :before 字体大小。
确保您设置了视口：这应该会限制字体增强的效果。
如果您还可以提供一个演示站点，可以帮助我进一步诊断它
【讨论】：
这是对@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:first-letter 看起来是正确的，但不是正确的解决方法。
我不想禁用字体增强，我认为它增加了可用性。感谢您的回复。
【讨论】：
是的，有一个已知错误：http://crbug.com/253763（请随意加注星标）。
不过，我对您的屏幕截图有点困惑，因为当我在 Nexus 7 上查看 vijayanderson.com/bio 时，一切看起来都很好。您使用的是哪个版本的 Chrome（设置 > 关于 Chrome），您将设置 > 辅助功能 > 文本缩放设置为什么？
【讨论】：