- iphone6p或者iphone7p上给swiper-container设置overflow-y:auto,界面出来后不到0.5秒,swiper-container里的内容马上消失
.swiper-container{
overflow-y:auto
}
解决办法:给slider元素设置overflow-y:auto即可。
2.给动态生成的元素使用on绑定事件,安卓上可以,但是ios上不行,解决办法:给具体的点击元素增加样式
cursor:pointer;
3.苹果手机上,css里面使用a:active无效,a链接按下去无激活效果,解决办法:给body绑定事件
<body ontouchstart="" onmouseover="">
</body>
4.在苹果手机上,页面内容比价少时,点击页面空白区域不会触发input输入框的失焦,只能通过点击键盘上的关闭按钮使键盘关闭,代码示例:
<body>
<input type="text" placeholder="please input something" />
</body>
解决办法,让页面元素撑满屏幕,并加上tabindex,代码示例:
<body style="height:100%;">
<div tabindex="1" style="display: flex;flex-direction: column;height: 100%;flex: 1;">
<input type="text" placeholder="please input something" />
</div>
</body>
只要点击div所在区域,就能让input触发失焦、自动关闭键盘