苹果浏览器中字体大小问题【-webkit-text-size-adjust: none;】

最近做一个企业网站在手机浏览器里查看时遇到这样的问题：

安卓手机显示的是这样的：

苹果手机显示的是这样的：

加上-webkit-text-size-adjust: none;之后：

可以看到在苹果手机上的浏览器中网站显示的部分字体比其他字体都要大，导致网站整体排版出现问题，开始以为是代码兼容问题，经过将近两个小时的代码排查始终不得原由，后来请来了大神，又经过度娘的帮忙终于找到原因，需要在body里重置一下“-webkit-text-size-adjust: none;”，因为没有注意过这个属性，所以特意查询了一下，W3C上的解释如下：