美文网首页
微信二维码长按无法识别问题解析(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