Question

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

我该如何解决这个问题？

Answer 1

将max-height: 999999px;添加到要阻止字体提升的元素或其父级。

Answer 2

在文档<meta>中添加以下<head>标记：

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

这将正确建立视图框架，从而无需“FontBoosting”。

Answer 3

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

FROM

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

Answer 4

将其置于重置状态。 html * {max-height:1000000px;}

Answer 5

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

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

可能必须根据您的需要更正宽度和高度值。

Answer 6

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

Answer 7

这称为“字体提升”，在此WebKit bug中有详细描述。目前无法禁用它。

Android上的Chrome重新调整字体大小

7 个答案: