我们正在使用UIWebView中的网页在phonegap中创建一个应用程序,在这个产品中,我们允许Apple的表情符号,我们将AppleColorEmoji字体应用于其中,从而可以缩放它们。
在iPad和iPhone上更新到IOS 7之后,带有字体AppleColorEmoji的表情符号,以前允许缩放到所需尺寸,不再超过16px字体大小(它可以缩小)。它仍然按照预期在具有IOS <7
的设备上进行扩展我担心这是他们故意在IOS 7中引入的内容。有没有其他人遇到过这个问题,甚至可能解决了这个问题?
答案 0 :(得分:6)
如果在绝望中,在Webkit中,可以将HTML元素中的这种表情符号字符缩放到任何想要的大小。
<span style="-webkit-transform: scale(5); position: absolute;">👿</span>
上面提到的伏都教的轻微不便是定位需要调整大小,因为transform
必须应用于位置为absolute
的元素。如果表情符号转换得太大,像素化也可能有点烦人。
答案 1 :(得分:2)
如果这对任何人来说仍然很有意思(我忘了这仍然是开放的)那么&#34;解决方案&#34;是将iPhone的元标记设置为:
<meta name="viewport" content="width=320"/>
这可以确保iPhone将内容扩展到适合屏幕的640像素(或更多),而16px大小的表情符号现在将是两倍大。但是,这只会将它们扩展到合理的大小。对于想要完全控制字体大小的人来说,它仍然没有解决它。
答案 2 :(得分:2)
如今,您可以使用Google Noto,EmojiOne,Twemoji或Emojidex中的图片文件。
即使您没有缩放问题,也可以确保表情符号在每个浏览器中都能正确显示。
答案 3 :(得分:1)
iOS WebKit https://trac.webkit.org/changeset/188737已修复此问题(但尚未发货)。
答案 4 :(得分:0)
看起来这个在iOS 10中得到修复。
答案 5 :(得分:0)
我有一个很好的场景来了解它是否是操作系统:
我最初的假设是它与视口大小有关,但是在用有趣的30针电缆将4s / 9.3.5连接到safari浏览器工具之后,表情符号的边界框缩放,而不是字形在屏幕上。我无法用CSS实现这一点。
¯\ _(ツ)_ /¯我会在5s更新后更新。
编辑:一旦我将5s更新为10.0,表情符号正在调整大小。看起来iOS版本就是问题。
答案 6 :(得分:-4)
如果要缩放超过16像素的表情符号字符,则必须使用AppleColorEmoji字体。这是唯一可以将表情符号缩放到16px之外的字体。