欢迎来到懒人模板!我们专注移动互联网,所有模板永久免费下载!
  • 首 页
  • 当前位置:主页 > 公众号教程 >

    解决微信长按图片无法识别弹出二维码的问题

    2018-05-02 11:57 来源/作者:懒人模板 分类:公众号教程  « »
    用户在开发微信页面的时候,在页面上面添加二维码,但是有时候页面上的二维码,用户识别不出来,只能把图片调整大,就可以的,但是页面上面二维码变大的话,会影响页面排版。下面看看如何解决这个方法:
     
    首先要把这张二维码添加到body的子元素 放在最后或者是最前都可以
      
    注意这可能影响你的布局 需要注意的是opacity需要设为0而不是设置display属性;

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

    第二步:  在你应该放置的div里设置你正常二维码图片的大小
     
    <img class="你的正常大小(bootstrap可设置居中)" src="二维码图片地址" />  


    温馨提示:真实二维码图片的位置会改变,因此需要相应的设置  position:abslute 位置太偏移,有可能会造成二维码无法识别。
      
    至此你就会发现长按图片会识别二维码。希望在页面上面放二维码时候不能识别时候,可以有用噢!

    点击扫描效果预览免费下载免登陆网盘下载
    标签:
    * 懒人模板承诺:本站所有资源免费下载,无病毒,无弹窗,无干扰链接! 提点建议