Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 表情符号赢得';IOS 7上的t缩放超过16px字体大小_Css_Cordova_Ios7_Emoji - Fatal编程技术网

Css 表情符号赢得';IOS 7上的t缩放超过16px字体大小

Css 表情符号赢得';IOS 7上的t缩放超过16px字体大小,css,cordova,ios7,emoji,Css,Cordova,Ios7,Emoji,我们正在phonegap中使用UIWebView中的网页制作一个应用程序,在这个产品中,我们允许使用apple的表情符号,我们将AppleColorEmoji字体应用于该表情符号,从而可以对其进行缩放 在iPad和iPhone上升级到IOS 7后,带有字体AppleColorEmoji的表情符号(以前允许缩放到所需的任何大小)不再超过16px的字体大小(它可以缩放得更小)。它仍然可以在IOS设备上按预期进行缩放如果要将表情符号缩放到16px以上,则必须使用AppleColorEmoji字体。这是

我们正在phonegap中使用UIWebView中的网页制作一个应用程序,在这个产品中,我们允许使用apple的表情符号,我们将AppleColorEmoji字体应用于该表情符号,从而可以对其进行缩放


在iPad和iPhone上升级到IOS 7后,带有字体AppleColorEmoji的表情符号(以前允许缩放到所需的任何大小)不再超过16px的字体大小(它可以缩放得更小)。它仍然可以在IOS设备上按预期进行缩放如果要将表情符号缩放到16px以上,则必须使用AppleColorEmoji字体。这是唯一一种可以将表情符号缩放到16px以上的字体。

如果在Webkit中,人们不顾一切地可以将HTML元素中的表情符号缩放到自己想要的大小

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

上述伏都教的次要不便之处在于需要根据大小调整定位,因为必须将
变换应用于具有位置
绝对值
的元素。如果表情符号转换得太大,像素化也可能会有点烦人。

如果这对任何人来说仍然很有趣(我忘了这仍然是开放的),那么“解决方案”是将iPhone的meta标签设置为:

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


这确保了iPhone可以将内容放大到屏幕上640像素(或更多)的大小,而16px大小的表情现在将是原来的两倍。然而,这只会将它们扩大到一个合理的规模。对于想要完全控制字体大小的人来说,它仍然不能解决这个问题。

iOS WebKit解决了这个问题(但它还没有发布)。

看起来这个问题在iOS 10中得到了解决。

现在,你可以使用、或中的图像文件


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

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

  • 我有一个iPhone4S,iOS 9.3.5:小表情符号
  • 我有一个iPhone 5s,iOS 9.3.5:小表情符号
  • 我有一个iphone6s,ios10gm:css字体大小属性的大表情符号
  • 我正在将iPhone5S从9.3.5升级到iOS10.0,所以我们将看看这是否能修复它
我最初的假设是,它与视口大小有关,但有趣的是,在将4s/9.3.5与safari浏览器工具连接到30针电缆后,表情符号的边界框,而不是屏幕上的字形。我不可能用CSS实现这一点

“”\_(ツ)_/一旦5s更新,我将更新此


编辑:当我将5s更新到10.0时,表情符号正在调整大小。看起来是iOS版本的问题。

我知道,苹果现在完全否定了将表情符号作为可缩放字体的意义,使其无法缩放!再次,你最好还是使用图像。据我所知,问题是,我不能在没有你的情况下使用苹果的表情符号图像t从苹果公司获得使用权(非免费).苹果已经开始关闭使用表情符号的应用程序,所以请注意。你还可以购买其他图标,但质量通常不太好。据我所知,它们仅在未经许可的情况下对使用表情符号图像版本的应用程序起作用。AppleColorEmoji字体解释为笑脸的unicode字符是iPad本身les that。你还可以购买其他表情符号图片用于商业用途。如果你想使用苹果的表情符号,那么你必须遵守他们的限制-不超过16px!!!如果你重新阅读这个问题,你可以看到我使用的是AppleColorEmoji字体。问题是,开箱即用,苹果不再支持将字体缩放到16px以上从iOS 7开始。非常感谢!我用你的信息制作了一个很好的跨浏览器解决方案。字体系列:“AppleColorEmoji”,“Segoe UI符号”;字体重量:100;-webkit变换:缩放(1.9);-moz变换:缩放(1.9);变换:缩放(1.9);position:absolute;@JakeWolpert如何使表情符号的容器合适?例如,我有
和#x1f600;
,如何使容器合适?