在IOS 7上,Emojis不会超过16px字体大小

时间:2013-10-31 08:51:47

标签: css cordova ios7 emoji

我们正在使用UIWebView中的网页在phonegap中创建一个应用程序,在这个产品中,我们允许Apple的表情符号,我们将AppleColorEmoji字体应用于其中,从而可以缩放它们。

在iPad和iPhone上更新到IOS 7之后,带有字体AppleColorEmoji的表情符号,以前允许缩放到所需尺寸,不再超过16px字体大小(它可以缩小)。它仍然按照预期在具有IOS <7

的设备上进行扩展

我担心这是他们故意在IOS 7中引入的内容。有没有其他人遇到过这个问题,甚至可能解决了这个问题?

7 个答案:

答案 0 :(得分:6)

如果在绝望中,在Webkit中,可以将HTML元素中的这种表情符号字符缩放到任何想要的大小。

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

上面提到的伏都教的轻微不便是定位需要调整大小,因为transform必须应用于位置为absolute的元素。如果表情符号转换得太大,像素化也可能有点烦人。

答案 1 :(得分:2)

如果这对任何人来说仍然很有意思(我忘了这仍然是开放的)那么&#34;解决方案&#34;是将iPhone的元标记设置为:

<meta name="viewport" content="width=320"/>

这可以确保iPhone将内容扩展到适合屏幕的640像素(或更多),而16px大小的表情符号现在将是两倍大。但是,这只会将它们扩展到合理的大小。对于想要完全控制字体大小的人来说,它仍然没有解决它。

答案 2 :(得分:2)

如今,您可以使用Google NotoEmojiOneTwemojiEmojidex中的图片文件。

即使您没有缩放问题,也可以确保表情符号在每个浏览器中都能正确显示。

答案 3 :(得分:1)

iOS WebKit https://trac.webkit.org/changeset/188737已修复此问题(但尚未发货)。

答案 4 :(得分:0)

看起来这个在iOS 10中得到修复。

答案 5 :(得分:0)

我有一个很好的场景来了解它是否是操作系统:

  • 我有iPhone 4s,iOS 9.3.5:小型表情符号
  • 我有iPhone 5s,iOS 9.3.5:小型表情符号
  • 我有iPhone 6s,iOS 10 GM:来自css font-size属性的大表情符号缩放
  • 当我输入时,我正在将iPhone 5s从9.3.5更新到iOS 10.0,所以我们会看看是否可以解决这个问题。

我最初的假设是它与视口大小有关,但是在用有趣的30针电缆将4s / 9.3.5连接到safari浏览器工具之后,表情符号的边界框缩放,而不是字形在屏幕上。我无法用CSS实现这一点。

¯\ _(ツ)_ /¯我会在5s更新后更新。

编辑:一旦我将5s更新为10.0,表情符号正在调整大小。看起来iOS版本就是问题。

答案 6 :(得分:-4)

如果要缩放超过16像素的表情符号字符,则必须使用AppleColorEmoji字体。这是唯一可以将表情符号缩放到16px之外的字体。