Android上的Chrome调整字体大小

显然，一旦文本段落达到一定长度，Android上的Google Chrome就会决定调整文本大小并使其变大（带来各种各样的乐趣）。现在我有了一个网站，其中大约一半的

p

-标签遵循我设定的大小，另一半则根据段落的长度随意更改

---

我到底该如何解决这个问题呢？

这被称为“字体增强”，本文对此进行了详细描述。目前没有办法禁用它。

我为我的页面找到了一个解决方案：给父元素一个宽度和高度！字体不会超出这些边界，因此它将保持较小（er）。

添加

最大高度：999999 px

添加到要防止字体增强的元素或其父元素。

在文档中包含以下

标记：

---

这将正确地建立视图框架，从而消除对“FontBoosting”的需要。

在一些测试之后，这条规则帮助了我。必须添加到包含增强文本的元素或其父元素，具体取决于div/table结构

element or parent element { 
    /* prevent font boosting on mobile devices */
    width: 100%;
    height: auto;
    min-height: 1px;
    max-height: 999999px;
}

---

也许宽度和高度值必须根据您的需要进行校正。

将其放入重置中

html*{max height:1000000px；}

现在您可以设置CSS属性来控制以下内容：

-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;

---

---

请参见

您是否有一个示例？另外，哪一个Android和Chrome版本？Android Chrome仅对具有动态高度的元素应用字体增强。一旦指定高度或最大高度，字体增强将不应用。将“最大高度”设置为一个大的数字很简单，应该没有副作用。只是一个警告。这解决了我在android上使用Chrome字体时出现的问题。然而，它在特定版本的ios上打破了该网站的ipad视图。同时，它也导致了ipad在css3转换方面出现了一些问题。使用它会显著地破坏Safari（5.1.7）中许多元素的布局，即使您一开始没有使用最大高度或定义的高度。有几个网站完全不可用，所有结构的

div

元素都笨拙地折叠到页面顶部。不要用最大高度定义“覆盖”你的网站！只在需要的地方使用，并彻底测试。。。就在我以为我看到了一切的时候。。。又一个疯狂的故障，又一个疯狂的修复。FWIW我在Safari中没有看到任何问题，不幸的是，

minheight:1px

没有任何效果<代码>最大高度：999999像素实现了这一点。我的案例是在路线进入/离开期间很长时间的内容转换。字体增强发生在转换期间或转换后不久，不确定是哪个，但它引起了非常明显的变化。这绝对是首选的解决方案。如果您关心移动设备中的外观，那么就拥有您的视口吧！不过，这并没有禁用字体增强功能。它确实纠正了不必要的缩放，我以后会使用它。请注意，我有

，但我仍然得到了非常糟糕的色度缩放效果。这更好，因为字体清晰易读。它在保持比例的同时，也增加了字迹的大小。这对我来说太完美了。我的sticky footer出现了问题，不得不做html body*而不是这有点太激进了，除非你在许多不可预知的元素中遇到了问题。否则最好只针对问题元素。@Chase-在我的例子中，它们是不可预测的（动态）元素，所以我们必须使用

*

方法。也就是说，我认为这是你可能会忘记的那些模糊的事情之一，并且在将来可能会导致问题，所以对于可维护性，我可能会把它留在

*

，即使当时它只是一个/几个元素。在我找到这个线程并发表评论之后，我开始发现我怀疑与字体增强有关的其他问题。因此，可以肯定（至少目前如此）在我的代码中有一个

*最大高度…

文本大小调整：在最新的android chrome上没有一个对我有效。如果你使用部署为web应用的gas，这是首选解决方案。看起来这确实是字体增强，但可以通过设置@moeffju描述的

最大高度：999999 px

来防止。