关于移动端APP开发-字体样式变大问题

Posted 2020-12-03 我在广州写bug

前两天在写App项目的时候发现一个问题，就是明明css写的样式是14px，刚开始在页面显示时并未出现问题，可是内容一多，字体突然变大了。

what？，不明所以，在各大网站上找了好久才知道是浏览器的字体提升的问题。

先说说解决的方法吧，可以直接在css样式中写下

body,body*{
    Max-height:1000000px;
}

　就可以直接禁用。

　出现这一原因可能是和font boosting有关。font boosting 特性在这时会自动将其中的文字字体变大，保证在即不需要左右滑动屏幕，也不需要双击放大屏幕内容的前提下，也可以让人们方便的阅读页面中的文本。

不过这个特性也并不是总是需要的。特别是要针对设计图完整的还原出来的时候就会很坑爹，那么就可以使用上面的方面禁用了。

不过在移动端开发的时候适当的在头部添加meat标签的viewport属性

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
想更深入了解viewport属性在网上也有很多博文，就不附链接了。