之前做微信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已经得到解决
网友评论