禁用 Chrome 最小字体大小 10px

Posted 2023-03-06

【中文标题】禁用 Chrome 最小字体大小 10px

【英文标题】：Disable Chrome minimum font-size 10px

【发布时间】：2014-02-13 15:22:40

【问题描述】：

我收到了一些带有

的文本

font-size:9px

但它在 Safari 和 Firefox 中显示正确，但在 Mac/Chrome (V32) 中显示不正确。 左边是 chrome [坏] / 右边是 Safari [正确]

我可以在代码检查器中看到我的字体是 9px 但 chrome 切换到 10px：

我听说了 chrome 的最小字体大小，并尝试通过以下样式禁用自动调整，但没有成功。 有什么想法吗？

* 
    -webkit-text-size-adjust: none;

【问题讨论】：

我认为绕开用户对最小字体大小的偏好是不可能的。我也不认为尝试绕过用户对最小字体大小的偏好是正确的。

这不是用户的偏好，我从来没有在我的 Chrome 中设置最小字体大小。这是 Chrome 的规则，因为 Safari 和 Firefox 没有这个问题。

检查 Chrome 的设置，以防万一。 （菜单）-> 设置-> 显示高级设置-> 网页内容-> 自定义字体-> 最小字体大小。

或者，如果你喜欢，Paramêtres -> Afficher les paramètres avancés... -> Personnaliser les polices -> Taille de police minimume。

好的，我的 Chrome 最小字体大小是 10 像素。我同意我不应该试图规避用户的偏好，但这里不是用户偏好，它是 Chrome 默认值，我从未要求 10px 的最小字体大小。而对于讨论，firefox 和 safari 没有这个限制......

【参考方案1】：

我只能告诉为什么它不起作用，但这可能会帮助您寻找一种不同的方法来解决您的问题。

从 chrome 版本 28.0.1500.11 开始，chrome 不再支持 -webkit-text-size-adjust。 （更改列表在这里：http://trac.webkit.org/changeset/145168）。 Safari 紧随其后。在较新的 mac os 版本上 text-size-adjust 也已经消失了。

我也遇到了问题，因为我已经在 rem 单位上构建了一个完整的网站，以使其不仅响应迅速而且完全灵活。这工作得很好，但突然之间，现在一切都变得巨大了。我正在为此努力寻找解决方案，但如果有人有我没想到的想法，我会非常感激。

一旦我找到解决方案，我会回来告诉你。

【讨论】：

你是怎么解决这个问题的？在使用 rem 为网站的所有容器设置样式后，我遇到了完全相同的事情，以便以后能够自己调整缩放比例。