css折行字体变大

Font Boosting(字体放大)

1. 别名

• Text Autosizer(文本自调)
• Font Inflation(字体膨胀)

2. 现象

字体显示尺寸比CSS中指定尺寸大。Chrome自行放大页面字体的大小。

3. 原因

当我们在手机上浏览网页时，很可能因为原始页面宽度较大，在手机屏幕上缩小后就看不清其中的文字了。而 Font Boosting 特性在这时会自动将其中的文字字体变大，保证在即不需要左右滑动屏幕，也不需要双击放大屏幕内容的前提下，也可以让人们方便的阅读页面中的文本

4. 解决

• 方法一
  在出现Font Boosting情况的元素CSS加上max-height:100%即可。
• 方法二
  给元素设置-webkit-text-size-adjust: none;

5. 参考

https://www.jianshu.com/p/e93a2ac608b2