在Android浏览器字体大小调整在Android浏览器字体大小调整(Chrome on andro

显然，曾经一段文字达到一定长度，在Android上的镀铬决定调整文本，并使其变大（引起各种有趣）。现在我有一个网站，大约有一半的P标签遵循我设置的大小，而另一半改变随心所欲 - 显然取决于段落的长度。

如何在地球上我解决这个问题？

Answer 1:

添加max-height: 999999px; 该元素要防止字体提高，或者其母公司。

Answer 2:

包括以下<meta>在文档中的标签<head>

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

这将正确地建立视图帧，并且因此消除了对“FontBoosting”的需要。

Answer 3:

现在有一个CSS属性可以设置来控制这一点：

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

见https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust

Answer 4:

在你的重置将这个。 html * {max-height:1000000px;}

Answer 5:

一些测试后，这条规则帮了我。必须添加内容为包含升压文本，或者它取决于DIV /表格结构的父元素。

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

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

Answer 6:

我发现我的网页的解决方案：给父元素的宽度和高度！字体不会去那些边界之外，因此它仍将是小（ER）。

Answer 7:

这就是所谓的“字体提高”，并在一些细节在此描述的WebKit错误。目前还没有任何方法来禁用它。

文章来源: Chrome on android resizes font