lib-flexible 结合 WKWebView 的样式错乱解决方法

技术栈

lib-flexible 是淘宝的可伸缩方案
WKWebView 是ios8以上支持的网页控件

问题场景

最新公司一个项目使用 lib-flexible 来做移动端的伸缩解决方案,页面在safari上都是正常的, 在使用了 WKWebView 的客户端里却是错乱的
经过尝试,解决方法如下:

<meta content="maximum-dpr=2" name="flexible" />

替换为:

<meta name="viewport" content="initial-scale=1.0,maximum-scale=1,user-scalable=no">

吐槽下通过改 viewport 来适配到处都是坑~

posted @ 2016-05-17 12:33  liaoyu  阅读(1414)  评论(0编辑  收藏  举报