易凡尘
易凡尘
  • 发布:2016-03-10 15:32
  • 更新:2018-08-24 10:17
  • 阅读:1743

iphone6 webview中字体被放大显示,safari中查看正常没有放大

分类:MUI

iphone6:
safari里查看正正常,使用App中的 webview 显示时
整个显示内容被放大(字体也被放大了),看下图是分别用safari和webview显示的截图叠加在一起。

iphone4s里显示是正常的,对比没有太大差异。

怎么才能让iphone6 中的字体不放大?

下面是meta定义
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">

2016-03-10 15:32 分享
已邀请:

最佳回复

易凡尘

易凡尘 (作者)

分析了一下原因,可能是因为iphone6上启动的时候加载了大小不正确的启动图片导致的。

目前问题已解决。使用launchImage,针对不同ios版本和显示参数设置好后就可以了。iphone6里的webview内容没有被放大的感觉了。

但是有一个问题就是5+里有个view是slpash,其内加载的图片,没有根据设备取不同大小图片时间适配,在iphone6和iphone5,及iphone6p里会被拉伸变形

大裤子

大裤子

谢谢,真是雪中送炭!

易凡尘

易凡尘 (作者)

客气,上面并不是最优的解决方案。其实不用配置launchImage。最好使用离线打包工程中的默认配置。

如果发现加载Splash图片不对可能是因为你移除过splash图片资源,再添加回来之后就不好使了,检查一下图资源名称的大小写

并与info.plist中的配置名称对比一下,修改成一致你的问题基本就可以解决了。

问题原因其实是因为,资源名称与引用名称不一致产生的。
有些诡异的问题其实只是一个非常不起眼原因导致的。

张释

张释

太感谢啦!

要回复问题请先登录注册