Android上的Chrome调整字体

显然，一段文字达到一定的长度，android上的chrome决定调整文本的大小，使其变大（引起各种各样的乐趣）。现在我有一个网站，其中大约一半的p-tag符合我设定的大小，另一半则随意改变 – 显然取决于段落的长度。

我究竟如何解决这个问题？

添加max-height: 999999px; 到您要防止字体提升的元素或其父项。

在文档<head>包含以下<meta>标签：

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

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

把它放在你的重置。 html * {max-height:1000000px;}

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

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

经过一些testing，这个规则帮助我。必须将其添加到包含提升文本的元素或其父项，具体取决于div / table结构。

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

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

这被称为“字体提升”，并在这个WebKit错误中详细描述。目前没有办法禁用它。

我find了我的页面的解决scheme：给父元素的宽度和高度！字体不会超出这些边界，所以它会保持很小（呃）。