微信无法识别二维码

Question

网页链接如下 活动地址

网页中总共三个图片一个背景图片.二维码图片大小为500px * 500px

长按后无法识别二维码
二维码调整特别大的时候才可识别 但是不符合需求。
大家可以查看一下代码

在线等。。。。。。希望好心的大牛帮解答一下

Answer 1

改好了 兄弟们 忙了一天 终于识别二维码了
1.首先页面中有两个二维码的兄弟别忙活了，一个页面中只可以识别其中一个二维码，两个的话需提示用户双击放大二维码进行二维码识别.
2.网页内有一张图片进行二维码识别时长按没有反应这个就是我所遇到的问题。需要调到特别大才能识别，但是特别大就会影响到背景图片，就会有问题，在网上搜了一下结合自己的思路给大家一个解决方案，因需求而异

解决思路
首先要把这张二维码添加到body的子元素 放在最后或者是最前都可以
注意这可能影响你的布局 需要注意的是opacity需要设为0而不是设置display属性

<img style="height: 100%;width: 100%;opacity: 0" src="二维码图片地址">

其次 在你应该放置的div里设置你正常二维码图片的大小

<img class="你的正常大小(bootstrap可设置居中)" src="二维码图片地址" />

至此你就会发现长按图片会识别二维码

Answer 2

你不能识别二维码是指的没有识别二维码这个选项还是长安没有反应？

Answer 3

1楼写的不错，我就用这种方法解决了 我在微信里面长按无法保存图片的问题 只不过第一个img的高度我是写死的 为了保证能够垂直居中