webview中的页面兼容iphone6和6+

其实写这篇文章的本不该是我,而应该是开发ios的小伙伴,但作为一个前端,我想我还是有必要做一下记录的!

首先我想说下在iphone6或者6+中webview内嵌套的页面宽度已经不在是320px,而是375px和414px,也正因为如此,所以才产生了兼容问题,

也就是页面中的字体模糊,毫无疑问,解决方案是已经有了~

问题:

在iphone6和6+上,webview中的页面字体模糊

解决:

开发ios的小伙伴们需要启用“高分辨率模式”,启用方法有两个:

1.添加大屏的LaunchImage:
在Images.xcassets里,删除旧的LaunchImage组,然后新建LaunchImage组,添加对应高分辨率的图片。对此,这里有一篇更详细的图文介绍:How to Add a Launch Image for the iPhone 6

2.添加Launch Screen File

Launch Screen是Xcode6和iOS8新加的功能,它用一个xib文件来作为启动画面。App在旧版iOS启动时,该属性会被自动忽略,不会造成异常。
首先,点击New File ->iOS User Interface ->Launch Screen,然后在工程设置项里启用它:

webview中的页面兼容iphone6和6+_第1张图片

上面两处设置,只要启用任意一个即可让App进入高分辨率模式;但如果两处都没有设置,则App会回退到兼容模式。鉴于现在不少App还需要兼容iOS5,而第一种方法在iOS5上可能有bug,所以这里推荐用第二种方法。

 

好了!我想问题已经解决了~虽然前端不需要改什么,但是当遇到这个问题的时候,谁也不知道错出在哪里,当然,如果你知道了这个解决办法,势必能够加快开发进度~

注:这里随便说一下,这个方法并不是我想出来的,而是在网上找了不少资料后发现的,当然也成功了~

 

你可能感兴趣的:(webView)