用img标签，单独裁剪出二维码图片并且周围最好不要有乱砸的颜色或形状

html<img src="qrcode.jpg" alt="qrcode">

希望对你有帮助：

http://devework.com/weixin-qrcode-bug.html

这篇文章详细说明了微信识别二维码的原理，并且给出了非常具体的建议：

网页中二维码识别规则

这篇文章的作者是微信团队成员，做微信相关开发的同学一定要关注哦~

<meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0,user-scalable=no"/>

注意下meta 标签 viewport的content

关于这个问题 我遇到的使用场景是h5
我的解决方法是做一张640*1008的图然后中间放二维码。
识别率99.99999
注：可定制css的h5

我遇到的是原来的二维码使用背景的方式，是识别不了的，意思就是@red 这位同学讲的截屏方式有冲突，我把它改成img引入方式即可识别。

我按着你的方法在外部加个p效果出来了,可是我得长摁二维码下边的位子才能识别,直接摁二维码不可以

有可能是因为屏幕缩放了，使用了淘宝的flexible就是这样，无解~

@CodeDreamfy
即使是屏幕缩放了（使用了meta标签里的scale），也可以实现识别，方案如下：

<!--同一张二维码-->
<!--下面这张 opacity 为 0，隐藏起来，但是实际存在，并且宽为 100%，屏幕有多大就多大-->
<img style="right:0; top:0; height: auto;width: 100%;opacity: 0;position: absolute;" src="二维码图片地址">
<!--下面这张是呈现给用户看的-->
<img src="二维码图片地址" title="qrcode" alt="qrcode">

使用了以上代码之后，就能长按识别二维码了~