前两天在写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属性在网上也有很多博文,就不附链接了。