魅族flyme的内置浏览器和苹果QQ内置浏览器浏览网页字体不对是什么原因？

Question

http://sandbox.runjs.cn/show/6jrwb1ba

上面是参考测试页面~

http://runjs.cn/detail/6jrwb1ba

这里是写的测试代码

这个是魅族内置浏览器字体和按钮效果

这个是androidQQ内置浏览器的效果

在chrome、火狐、微信内置浏览器都没有问题，代码也非常非常非常的简单，我就用定位一下在设置一下字体大小，但是字体确实受到了影响，我尝试用像素来设置发现魅族内置浏览器是解决了但是字体必须设置得非常大在其他浏览器又有问题，也尝试设置body样式的字体大小在里面的字体使用em也不行，全部用em来写还是不行，用百分比写字体也不行，我又怀疑是字体的原因删除了字体还是不行，后来又尝试了引入bootstrap我就只写个字体大小写个位置还是不行，实在是想不出原因才来此请教~求路过的大大帮忙解惑
----------------------------------分隔符----------------------------------------------
http://runjs.cn/detail/fnjy2lig
这样写都没效果~有鬼了 魅族的flyme是闹哪样啊~

Answer 1

你好，我是魅族前端开发工程师，这个问题我们在和flyme工程师沟通之后，找到了解决方案如下：

在最外层的div节点上加上 class=“copyr”,这样就能关闭所有子节点的字体放大问题

谢谢