Text Autosizer&&解决移动端网页文本字体怪异增大问题
Posted 贺小鸣
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Text Autosizer&&解决移动端网页文本字体怪异增大问题相关的知识,希望对你有一定的参考价值。
在做移动端页面时,有时你设置了字体大小,有的部分即使设置了行内样式也不生效,而有些显示正常,这个特性就是Text Autosizer在搞鬼。
以下是解决方案:
①给元素设置 -webkit-text-size-adjust: none;
可禁用Text Autosizer,这个属性还能使得我们在移动端使用小于12px的字体。此属性在桌面版中无效。
②设置最大高度 max-height: 999999px;
总结来源:https://segmentfault.com/a/1190000007177666 http://www.mamicode.com/info-detail-1439179.html
以上是关于Text Autosizer&&解决移动端网页文本字体怪异增大问题的主要内容,如果未能解决你的问题,请参考以下文章
使用 React-Virtualized AutoSizer 时,未在测试中渲染子级