解决微信端web页二维码图片识别不灵敏的问题

之前做微信web页,产品非得放一个二维码,并让用户识别。由于之前没踩过这里面的坑,所以就痛快的答应了,没等两分钟,过来找我了:为什么识别不灵敏???,这我就纳闷了,不可能吧。于是就各种goole,终于找到答案了。原来由于某种原因,在安卓上,识别还可以,但在IOS中,确实,长按二维码上方能识别,下方却识别不灵敏或者根本就不识别。这就是某种原因,有兴趣的可以研究研究,说的很明白。
解决方法:

//将二维码放入一个div中,并对二维码图片相对于外层div绝对定位,重点是里面的各种padding,margin,为了防止布局错乱,所以增加绝对定位
{
      position:absolute;
      left:0;
      top:0;
  padding:10rem;
  margin:-10rem;
  padding-right:0;
  padding-bottom:0;
  margin-right:0;
  margin-bottom:0;
}
如果此方法会对布局有影响,则对二维码父元素{position:relative;},二维码{position:absolte;left:0;top:0;}

目前好像这个bug已经得到解决

你可能感兴趣的:(解决微信端web页二维码图片识别不灵敏的问题)