字体大小：p：第一个字母在Android chrome上不能正常工作

Question

在p：首字母选择器中，字体大小：无法正常工作的Nexus 7上出现问题。

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

下面的Nexus 7 Chrome屏幕截图。左边是横向，看起来和第一个字母一样大。在右侧的肖像模式下的同一页面。注意第一个字母“V”比文本的其余部分小。我尝试设置字体大小：130％，看起来相同，太小。

也有类似的问题，可能与p：第一行有关。我只能在Android设备上看到这些问题。

任何线索如何解决这个问题（一些元视口魔术或某事）或工作？

Answer 1

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

确保您有一个视口集：并应该限制字体助推效果。

如果您也可以提供一个演示站点，这将帮我诊断进一步

Answer 2

这是响应@Kinlan - 这是很长，所以我做它的答案，而不是评论。

“font-boosting” - 我知道它正在发生，但不知道它叫什么。如果你想看看现场，它是http://vijayanderson.com/bio。

元视口是一个标准：

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

好像在字体拉动了，它不的提升P的错误：第一字母和号码：一线。它将适当地增加段落中的放大字体的跨度，因此用跨度替换p：first-letter看起来是正确的，但不是正确的修复。

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

Answer 3

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

虽然我对你的截图感到有点困惑，因为当我在Nexus 7上查看vijayanderson.com/bio时，一切看起来都很好。您使用的是哪个版本的Chrome（设置>关于Chrome），以及您有什么设置>辅助功能>文字缩放设置为？