css - 表情符号在 IOS 7 上不会超过 16px 字体大小

Question

我们正在使用 UIWebView 中的网页在 phonegap 中制作一个应用程序，在这个产品中，我们允许使用苹果的表情符号，我们将 AppleColorEmoji 字体应用到该表情符号上，从而可以缩放它们。

在 iPad 和 iPhone 上更新到 IOS 7 后，以前允许缩放到任意大小的 AppleColorEmoji 字体的表情符号不再缩放超过 16px 字体大小(它可以缩放得更小)。它仍然可以在装有 IOS <7

的设备上按预期缩放

我担心这是他们在 IOS 7 中有意引入的东西。有没有其他人遇到过这个问题，甚至可能有解决方案？

Answer 1

在 Webkit 中，在 HTML 元素中缩放这样的 emoji 字符:

<span style="-webkit-transform: scale(5); position: absolute;">&#x1f47f;</span>

上述缺点包括定位需要根据大小进行调整，因为transform 必须应用于位置为absolute 的元素。如果表情符号转换太大，也可能发生像素化。