坑一:使用定位fixed,底部导航不显示,代码我就不写,总结就是定位套定位,心累代码太多不想贴;
坑二:禁止页面放大缩小,
解决:Vue 移动端禁止页面放大缩小_fuf_xyxnxss的博客-CSDN博客_移动端禁止放大缩小
坑三:移动端h5页面禁止长按选择复制 ,
解决:移动端h5页面禁止长按选择复制_艾欢欢的博客-CSDN博客
坑四:苹果手机IOS点击输入框弹出键盘后,所有按钮点击位置上移 ,
解决:苹果手机IOS点击输入框弹出键盘后,所有按钮点击位置上移_料峭春风吹酒醒,微冷, 山头斜照却相迎。 回首向来萧瑟处,归去, 也无风雨也无晴!-CSDN博客
坑五:长按图片会弹出菜单,菜单上可以保存图片
解决:我比较暴力,直接用遮罩遮住图片,让它不能触发页面长按,上面坑三一起写效果更好,至少不会复制,遮罩怎么做?看代码:
<div class="qr-box">
<img class="img" :src="qrInfo.qrCodeImage" alt=""/>
<div class="qr-modal"></div>
</div>
.qr-box,
.qr-box .img,
.qr-modal{
width: 3.4rem;
height: 3.4rem;
}
/* 遮罩禁止长按图片保存 */
.qr-modal{
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}