vue在苹果手机上的一些问题（这次写的h5公众号）

gumaimeng,不兼容ios，一万个bug都改不完，lasa；

坑一：使用定位fixed，底部导航不显示，代码我就不写，总结就是定位套定位，心累代码太多不想贴；

坑二：禁止页面放大缩小，

解决：https://blog.csdn.net/fufu_dclt/article/details/105137041

坑三：移动端h5页面禁止长按选择复制 ，

解决：https://blog.csdn.net/AiHuanhuan110/article/details/102860159

坑四：苹果手机IOS点击输入框弹出键盘后，所有按钮点击位置上移 ，

解决：https://blog.csdn.net/f1370335844/article/details/103178203

坑五：长按图片会弹出菜单，菜单上可以保存图片

解决：我比较暴力，直接用遮罩遮住图片，让它不能触发页面长按，上面坑三一起写效果更好，至少不会复制，遮罩怎么做？看代码：

<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;
	}

坑六：/*增加弹性滚动,解决滚动不流畅的问题*/  -webkit-overflow-scrolling:touch; 

坑七：/* 重写user-select样式 解决在苹果机上输入框不聚焦的问题*/

input{
		/* 重写user-select样式 解决在苹果机上输入框不聚焦的问题*/
		user-select: text;
		-webkit-user-select:text;
}

坑八：iOS 中input隐藏输入光标，解决：https://blog.csdn.net/csdnhll1127/article/details/80352147    （跟我写的有出入，这个我不用了）

坑九：公众号跳转小程序(我写有：https://blog.csdn.net/qq_38337245/article/details/110120608)，

微信的版本不能低于7.0.12，开放标签说明文档传送门：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html

坑十：写了-webkit-overflow-scrolling:touch;之后滚动列表还是会卡顿或者划不动，切换导航有时候列表卡住滑不动，我看别人文档写的很好就贴个地址过来了，看看你们是哪种情况：

https://www.cnblogs.com/web-chuanfa/p/9448497.html

PS：暂时一天遇到这么多，后面遇到再补，我累了；miezhenhengzhoupingguzhuheilasa!!!goumeirenganghuamengmeibenshizhufanyilasapingu!!!

本文地址：https://blog.csdn.net/qq_38337245/article/details/110004380