在移动端页面开发中,使用一个css来设置元素中的font-size,但是对于同一个class设置,在不同元素中效果却不同,而且在调试的时候该表font-size发现也有相应,说明这个class有效果,但是在不同元素中却得到不同的效果,特别当元素中含有的文本元素数量差别较大时。
在网上查找资料之后发现这个是一个叫font-boosting的问题,当文本数量太多,计算机认为在屏幕上显示这么多文本会导致用户不能清晰阅读时,他会自动设置font-size的大小,这个时候得到不同的字体大小的效果,
解决方法:在该元素的class中添加max-height:100%,这个对于元素显示没有效果,但是可以防止font-boosting
更细节的解释:
https://github.com/amfe/article/issues/10

本文探讨了移动端页面开发中遇到的一个问题:相同class设置下不同元素的font-size表现不一致,特别是在文本数量差异大的情况下更为明显。通过研究发现这与一种叫做font-boosting的现象有关,并给出了通过设置max-height:100%来解决这一问题的方法。
1万+

被折叠的 条评论
为什么被折叠?



