iphone 11 pro ios13.4 在微信公众号二维码长按识别时,不是识别,而是放大

css用的是absolute ,在其他的ios手机和andriod上都可以识别!,就是只在部分手机上不是识别!

xxm0720
xxm0720 这么多人不知道吗?
5 个月之前 回复
weixin_43891482
前端_黑喂狗 兄弟,咋搞的啊。写一篇帖子吗。
5 个月之前 回复
xxm0720
xxm0720 恩恩
5 个月之前 回复
u014035178
丿小林 回复weixin_46030510: 弄好了吗?
5 个月之前 回复
xxm0720
xxm0720 回复weixin_46030510: 你加我微信吧,15516486740
5 个月之前 回复
weixin_46030510
weixin_46030510 回复xxm0720: 我可以加下你的qq嘛 qq上谈 我的qq 1643391875
5 个月之前 回复
xxm0720
xxm0720 回复weixin_46030510: 我不知道你的问题,你把我的代码拷贝出来试试看!
5 个月之前 回复
weixin_46030510
weixin_46030510 回复qq_36187489: 你们这个咋个解决的啊 我的就是ios13.4不行 识别不了二维码 拜托拜托
6 个月之前 回复
weixin_46030510
weixin_46030510 回复xxm0720: 你们这个咋个解决的啊 我的就是ios13.4不行 识别不了二维码 拜托拜托
6 个月之前 回复
xxm0720
xxm0720
6 个月之前 回复
qq_36187489
qq_36187489 非常感谢,原理是因为设置了visibility的原因吗?
6 个月之前 回复
xxm0720
xxm0720 .wzhalertcode{ position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; display: -webkit-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -moz-align-items: center; align-items: center; visibility: hidden; z-index: 10000; background-color: rgba(0,0,0,0.4);}
6 个月之前 回复
xxm0720
xxm0720 .qrcodeBox{ display: block; width: 450px; background-color: #fff; border-radius: 20px; position: absolute; top: 25%; left: 50%; transform: translate(-50%, 0%); display: -webkit-box; display: -moz-flex; display: -ms-flexbox; display: flex; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-user-select: none; -moz-user-select: none; user-select: none; z-index: 20; max-height: 90%; -webkit-box-direction: normal; -ms-user-select: none; max-width: 100%; -webkit-box-orient: vertical;}
6 个月之前 回复
xxm0720
xxm0720 回复xxm0720: .qrcodeBoxtitle{ font-size: 16px;/*no*/ text-align: center; height: 60px; line-height: 60px; font-weight: bold; padding-top: 8px;/*no*/ padding-bottom: 15px;/*no*/ } img{ display: block; width:380px; margin:0 auto; max-width: 380px; } .qrcodeBoxMsg{ font-size: 12px;/*no*/ text-align: center; padding-top: 10px;/*no*/ margin-bottom: 20px; } .qrcodeclose{ display: block; width: 100%; text-align: center; height:60px; line-height: 60px; font-size: 14px;/*no*/ color: #999; border-top: 1px solid #ccc;/*no*/ }
6 个月之前 回复
xxm0720
xxm0720 <div class="wzhalertcode" :style="{visibility:txqrcodeFlag?'visible':'hidden'}"> <div class="qrcodeBox"> <div class="qrcodeBoxtitle">{{wzhtopstr}}</div> <img :src="txqrcodeImg" /> <p class="qrcodeBoxMsg">-{{short_name}}-</p> <slot></slot> <div @click="txqrcodetap" class="qrcodeclose">关闭</div> </div> </div>
6 个月之前 回复
xxm0720
xxm0720 我没用这个!
6 个月之前 回复
qq_36187489
qq_36187489 最后使用了touch-callout属性
6 个月之前 回复
qq_36187489
qq_36187489 方便告诉一下我怎么解决的吗?急急急
6 个月之前 回复
xxm0720
xxm0720 回复qq_36187489: 我不知道你的问题,但是我是解决了!
6 个月之前 回复
qq_36187489
qq_36187489 解决了吗?用这种方案
6 个月之前 回复
xxm0720
xxm0720 没有人吗?
6 个月之前 回复
xxm0720
xxm0720 没有人吗?
6 个月之前 回复
xxm0720
xxm0720 有人知道解决方案吗
6 个月之前 回复

2个回答

https://www.cnblogs.com/daipianpian/p/6421843.html 去看看吧,我也不知道行不行

给你的img标签加一个css属性-webkit-touch-callout: none

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐