部分Android手机 <meta name="viewport" content=" "> 缩放失效问题

如题,在移动端做多屏适配的时候,发现有部分Android手机通过js 动态获取设备参数然后动态设置
<meta name="viewport" content="width=750,initial-scale=0.5,maximum-scale=0.5, minimum-scale=0.5,user-scalable=no">
中的 width 和缩放参数进行页面缩放是无效的,呈现出来的还是两倍大小的页面。然后发现是这部分手机的浏览器默认是不开启缩放模式的。那么,各位大神各位前辈们是怎么解决这个问题的呢?

谢谢~

阅读 6.8k
1 个回答

这种设置可能会有问题!
一般推荐(我推荐的)的设置是:

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes, minimum-scale=1, maximum-scale=1">

设置具体宽度,这种真不推荐。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题