最近一段时间掉进了viewport的深坑了

[mishe]

公司移动端H5站点进行改版，由于事先确认页面不会嵌入APP内部，因此，选用强适配的viewpoint设置

<meta name="viewport" content="width=640,user-scalable=no">

这个设置，在之前的网站中，都没有碰到特别的BUG

但这次改版，在页面开发过程中，出现了一些文字大小严重不符合css样式设定的bug，而且不是一处。

问题的表现：

文字明显比css设定的字号大1倍以上

问题的具体情况

PC模拟器

偶尔出现bug

微信系统

• ios系统没有这个bug
• 在安卓系统，基本都有这个问题；

手机浏览器

• ios没有问题
• 安卓部分手机有问题

问题的解决方式

给字体不符合ｃｓｓ的文字块，增加height:100%的设定，文字基本都会变得正常大小

[yejiajiehz]

Font Boosting

[MySecret]

我也遇到了，要设置个高度，不然文字会相互影响

[yoyeung]

為什麼不使用width=device-width, initial-scale=1

[mishe]

@yoyeung 为了一致性体验