技术栈
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 来适配到处都是坑~