css - 如何覆盖移动 chrome 中的字体增强

Question

是否可以覆盖移动 chrome 中的字体增强？我之前搜索过互联网~包括stackoverflow~。

我发现有些人说不可能，我还发现元标记有助于文本但也减少了文本的面积......这不好......

将感谢您的帮助..

score 33 · Accepted Answer

33

将以下行添加到我的 reset.css 对我有用

    html * {max-height:1000000px;}

于 2013-05-08T04:31:47.037 回答

score 7 · Accepted Answer

禁用字体增强没有真正的可能性。可能有一些技巧，但它们的目的是不同的，事实上，做一些不同的事情。

score 3 · Accepted Answer

尝试text-size-adjust：

html {
    text-size-adjust: none;
    -ms-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
}

score 2 · Accepted Answer

看起来有一些人有办法让它发挥作用。

添加一些 CSS规则或给父元素 width 和 height。

score 1 · Accepted Answer

Matt 和 Kundan Sankhe 的回答是目前最好的解决方案。

.element { max-height: 999999px; }

如果问题仍然存在，请尝试在 head 标签内添加：-

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

但请记住，这可能会导致图像标签或图像背景大小标签出现问题。

score 0 · Accepted Answer

这是一个 webkit 官方错误。您可以在Webkit官方网站上查看

您必须仅针对必须覆盖字体增强的特定元素，而不是针对不需要的元素。IE

p {
   max-height: 999999px;
}

score -1 · Accepted Answer

Android Chrome 仅将字体增强应用于具有动态高度的元素。一旦您指定了height、max-height或line-height，就不会应用字体提升。但是你应该注意内联元素，例如span其高度或最大高度属性无效。在这种情况下，您可以将显示设置inline-block为以下代码或其他可以设置高度的框类型。
span { font-size:12px; line-height:12px; display:inline-block; }

score -2 · Accepted Answer

对于台式机和可能的移动设备（尚未测试移动设备），您可以通过在 HTML 元素上设置基本字体大小来禁用 Chrome 和 FF 中的字体大小提升。例如：

html {
  font-size: 16px;
}

这比最大高度要少。但是，从可访问性的角度来看仍然很脏。

如果需要，您也可以使用 jQuery 来设置它。

css - 如何覆盖移动 chrome 中的字体增强

8 回答 8

Related

Reference