同样大小rem的字体在浏览器中显示大小不一致的问题

在做手机端web的时候发现css中设置的同样字体大小的两块内容，实际显示的字体大小差异明显！测试后发现字体大小会随着文本块中文本内容数量的变动而变动。网上查阅资料发现是chrome对字体优化导致的，在css中加入如下代码后问题解决：

-webkit-text-size-adjust: none;
text-size-adjust: none;

PS：还有一种方式是将display设置为inline-block