font-boosting问题(移动端设置相同的font-size但是显示不对应)

在移动端页面开发中,使用一个css来设置元素中的font-size,但是对于同一个class设置,在不同元素中效果却不同,而且在调试的时候该表font-size发现也有相应,说明这个class有效果,但是在不同元素中却得到不同的效果,特别当元素中含有的文本元素数量差别较大时。

在网上查找资料之后发现这个是一个叫font-boosting的问题,当文本数量太多,计算机认为在屏幕上显示这么多文本会导致用户不能清晰阅读时,他会自动设置font-size的大小,这个时候得到不同的字体大小的效果,

解决方法:在该元素的class中添加max-height:100%,这个对于元素显示没有效果,但是可以防止font-boosting


更细节的解释:

https://github.com/amfe/article/issues/10

猜你喜欢

转载自blog.csdn.net/xiongshiyuan/article/details/80685747