解决因为手机设置字体大小导致h5页面在webview中变形的BUG
首先,我们做了一个H5页面,在各种手机浏览器中打开都没问题。我们采用了rem
单位进行布局,通过JS来动态计算网页的视窗宽度,动态设置html
的font-size
,一切都比较完美。
这时候,你自信满满的将h5
地址交给了APP工程师,做了一个WEBVIEW
嵌套,然后就顺利交工了。
测试组在一堆手机中测试APP
,突然,在某个手机上打开,你的页面布局了乱了,字变大或者变小,总之很奇葩。
你怀疑是APP
的问题,但是客户端死活不承认。你在该手机浏览器中查看,确保没有一毛钱问题,也死活不承认是你的问题。于是测试人员对你俩不死不休的要求修改。于是,客户端给你加了调试工具后,你打开chrome
进行调试,发现一个非常非常奇葩的问题:
我明明设置的html
字号是100px
,为什么在APP
中就变成了86
&