微信 长按 无法 识别二维码 解决办法

摘要:
我不知道是微信故意这么做还是BUG。带有二维码图像的DIV在微信的内置浏览器下设置为无需长按即可无文字,但该设置是有效的。无论我如何更改嵌入二维码图像的DIV的结构,无论结构的哪个层设置了样式。经过多次测试后,当左侧或顶部值较小时,它是有效的。

也不知道是微信故意为之还是BUG,

一个有二维码图片的DIV 设置了 在微信的内置浏览器下怎么长按也不出字

但是设置   却有效, 无论我如何改变嵌入这个二维码图片的DIV的结构,无论在结构的哪一层设置 style 都不行。

经过无数测试当left 或top 值较小时有效。

那么解决办法也就随之而来了,

1)将这个二维码做成一张透明的png 通过图片的留白,来达到在页面上的显示位置。

 微信 长按 无法 识别二维码 解决办法第1张 

但是这样有缺点,该图片下方的内容会被遮住,如果有交互事件就点击不到,

2)那么还有一个办法 就是将二维码与下方的内容合成一张图, 

3)那么如果这样也和你的需求有冲突,那么目前看来只能改变策略,重新做设计,重新设计交互机制吧.

ps: 如果哪位朋友有其他的解决办法,请留言告知 3Q

免责声明:文章转载自《微信 长按 无法 识别二维码 解决办法》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇如何构建一个入侵检测系统(IDS)巧用伪元素绘制带边的三角形--CSS3下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

多种方式C#实现生成(条码/二维码)

C#通过第三方组件生成二维码(QR Code)和条形码(Bar Code) 用C#如何生成二维码,我们可以通过现有的第三方dll直接来实现,下面列出几种不同的生成方法: 1):通过QrCodeNet(Gma.QrCodeNet.Encoding.dll)来实现 1.1):首先通过VS2015的NuGet下载对应的第三方组件,如下图所示:  1.2):具...

【转】微信小程序实现自动化测试

山雨欲来风满楼,最近微信小程序相关开发文章吹遍大江南北,亦有摧枯拉朽万象更新之势。问小程序形为何物,直教IT众生怡情悦性高潮迭起。作为一名有着远大理想“包袱”与互联网变革 “使命感”的测试工程师,我再也按耐不住内心中的渴望与好奇,代表测试行业各大门派肩负起了迎接时代变革的挑战。话说经历了围观查看、溜边打探等种种过程,终于在隔壁老王那里弄到了测试体验资格,开...

使用Sencha Touch开发移动Web应用平台

Sencha Touch是由 Sencha 公司开发的移动Web 应用开发框架,用以提升主流移动设备在浏览器上的触碰操作,增强用户体验。该框架以久负盛名的 Ext JS 富客户端框架为基础,并支持最新的 HTML5 及 CSS3 标准,与流行的 Apple iOS 和 Andriod 设备兼容。一方面,它以 Webkit 浏览器引擎为基础,提供了出色的性能...

android学习和广告平台赚钱

[原创] android学习和广告平台赚钱 - Java,Android,Android学习,Android赚钱,广告平台 - mobile - ITeye论坛 前言: 2011年11月份我开始学习android软件开发(本人有良好的java基础、web开发基础、c++基础),2011年12月份开始开发第一款手机软件(软件名字就不透露了),2012年1...

Google API快速生成QR二维码

Google API快速生成QR二维码现在来说生成二维码最简单的方法是使用Google Chart API来实现,再次膜拜Google大神~ Google Chart API是一套可以让你在线生成报表图的系统,通过URL你可以得到各种图表。举个例子:你在浏览器中输入 https://chart.googleapis.com/chart?cht=qr&...

微信小程序开发记录(七)新版授权登录的实现

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本文链接:https://blog.csdn.net/wh_xmy/article/details/86475859 背景:由于微信官方修改了 getUserInfo、authorize 接口,无法弹出授权窗口,所以现在无法实现一进入微信小程序就弹出授权...