iphone 手机长按微信二维码识别不了

微信生成的二维码在 android 手机上可以正常识别,但是用 iphone 手机测试却识别不了。

问题主要出在 meta 属性的设置上,具体有以下几种:

  1. 设置了初始缩放值为1,最大缩放值>=1,不支持缩放。(可以识别)。 如下设置:
    <meta content="width=device-width, initial-scale=1, maximum-scale=1.2, user-scalable=0" name="viewport" />
  2. 设置了初始缩放值小于1或者大于1,最大缩放值大于或者等于初始缩放,不支持缩放。(不可以识别。) 如下设置:
    <meta content="width=device-width, initial-scale=1.1, maximum-scale=1.2, user-scalable=0" name="viewport" />
  3. 设置了初始缩放设置为1,最大缩放值要>=1,支持缩放。(页面不缩放之前可以识别,一旦页面缩放过后就不可以识别。) 如下设置:
    <meta content="width=device-width, initial-scale=1, maximum-scale=1.2, user-scalable=1" name="viewport" />
  4. 都不设置(不可以识别)

举个例子:

<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="viewport" content="width=750, user-scalable=no">(设置了缩放,iphone手机识别不了)
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">(取消了缩放,可以识别)

小提示

如有侵权请邮件通知