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

1,810 阅读1分钟

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

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

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

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

问题的表现:

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

问题的具体情况

PC模拟器

偶尔出现bug

微信系统

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

手机浏览器

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

问题的解决方式

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