91

显然，一旦文本段落达到一定长度，Android 上的 Google Chrome 就会决定调整文本大小并使其变大（引起各种乐趣）。现在我有一个网站，其中大约一半的p-tags 遵循我设置的大小，而另一半则随意更改 - 显然取决于段落的长度。

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

4

7 回答 7

99

添加max-height: 999999px;到要防止字体增强的元素或其父元素。

于 2012-10-18T23:14:35.193 回答
62

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

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

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

于 2013-01-03T01:29:50.123 回答
26

现在可以设置一个 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

于 2017-02-01T15:48:38.463 回答
16

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

于 2013-11-06T21:58:02.950 回答
6

After some tests this rule helped me out. Must be added either to the element containing boosted text or it's parent depending on the div/table structure.

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

Maybe the width and heigth values must be corrected according your needs.

于 2013-03-22T18:50:52.947 回答
2

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

于 2012-07-12T08:07:06.283 回答
1

这称为“字体增强”，并在此WebKit 错误中进行了详细描述。目前没有办法禁用它。

于 2012-07-06T05:53:20.280 回答