为什么 emoji 不能在 Chrome 中呈现超过一定大小？

Question

由于某种原因，表情符号不会在 Chrome 中呈现超过特定大小。这个大小似乎与font-size 或scale 无关，它只是被渲染的表情符号的像素大小。

由于图像不是矢量，我可以理解不希望它们异常大的原因，但是由于这只会影响 Chrome，我不确定。

这是 Chrome 错误，还是表情符号标准中指定了最大预期大小的东西？

以下是非渲染表情符号的两个示例：

• http://jsfiddle.net/e6zysLg7/7/
• http://jsfiddle.net/eyy6moLx/1/

Answer 1

这是 Chrome 的错误吗

是的，是的。例如，请参阅这些：

• 错误报告：https://bugs.chromium.org/p/chromium/issues/detail?id=719648
• 错误报告：https://bugs.chromium.org/p/chromium/issues/detail?id=501071
• 测试页面：https://tobireif.com/posts/maximum_font_size_for_emoji/

根据大量测试，54px 是当前表情符号的最大字体大小。但我不会放弃希望:)

2018 年 10 月更新：

Mobile Chrome 69 中表情符号的最大字体大小为 146 像素。

截图： https://app.crossbrowsertesting.com/public/ib8393c20a124bac/livetests/14400380/snapshots/z66ee2a9e2217b4cad00

如果将其设置为 147px，则表情符号将无法正确呈现： https://app.crossbrowsertesting.com/public/ib8393c20a124bac/livetests/14400384/snapshots/za103323111cb78aeff2

关于其他移动浏览器的一些附加信息：https://tobireif.com/posts/maximum_font_size_for_emoji/

2020 年 11 月更新：

桌面 Chrome（在 MacOS 上测试）有一个错误： https://bugs.chromium.org/p/chromium/issues/detail?id=1153296

表情符号在特定大小时会被截断（错误报告中的更多信息）。 表情符号看起来很棒，例如字体大小为 120 像素。

Mobile Chrome 83 中表情符号的字体大小似乎没有限制。 在 Android 平板电脑上，Mobile Chrome 将表情符号渲染到例如字体大小 700 像素。在那个尺寸下，表情符号是模糊的，但在字体大小为 120 像素及更低时，它们看起来还不错，而在字体大小为 80 像素及更低时，它们看起来很棒。

Answer 2

我刚遇到同样的问题，我发现 Android 设备上表情符号的新最大字体大小是 49px，不是 54px as Tobi Reif stated。

我想这会随着每个新版本而改变。