微信内置浏览器 长按识别二维码 功能的两三个坑与解决方案

微信内置浏览器 长按识别二维码 功能的两三个坑与解决方案

微信内置浏览器 长按识别二维码 功能的两三个坑与解决方案

其实版主没有找到根本原因;根本原因是,META里面设的width问题 ,也就是页面缩放引起的,跟定位什么的没有关系.需要用JS初始化页面来控制缩放,就能解决问题.

我找到合适的解决方法了,类似等高布局的原理,注意:
1.给你的二维码加上一个巨大的padding:1000px;
2.二维码收起来等值的margin:-1000px;
3.这时候给你的父元素,overflow:hidden 防止布局溢出(看你具体情况)
4.这个时候,你就发现,长按屏幕中任何位置,都可以读取出二维码了

借助padding 可以去实现。margin 做不到