美文网首页
微信二维码长按无法识别问题解析(ios 微信内置浏览器)

微信二维码长按无法识别问题解析(ios 微信内置浏览器)

作者: lovelydong | 来源:发表于2019-04-23 17:46 被阅读0次
20170925172104193.png
20170925184709005.png

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

其他老哥的方案


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

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

我的方案

<img src="img/erweima.png" class="tan_img" />
<img src="img/erweima.png" class="tan_img ios_ma" />
设置第二个img样式
  img.ios_ma{
    width: 300px;
    height: 300px;
    position: absolute;
    left:0;
    top: -200px;
    opacity: 0;
}


相关文章

网友评论

      本文标题:微信二维码长按无法识别问题解析(ios 微信内置浏览器)

      本文链接:https://www.haomeiwen.com/subject/lbrbgqtx.html