font-size与width
By admin
今天发现一个奇怪的问题
在移动端的时候，一个页面元素的font-size莫名其妙的比定义的大很多
用chrome查看生效的font-size: 16px; 但computed里的是30多px，怎么查也查不到是哪里导致的字体变化，而且该问题只发生在小屏幕中．
后来发现该元素需要定义width，可影响字体大小，但不能靠width来配置出指定大小的字体，而且也会影响实际宽度的显示．
后来按该解决方法，为该元素添加max-height: 1000px; 该元素的计算属性与定义属性总算相等．
之后看到http://stackoverflow.com/questions/11289166/chrome-on-android-resizes-font
这个问题叫font boosting，目前就是通过设置max-height或者meta viewport来解决．