记录一些h5页面在ios中遇到的常见问题以及解决方案

1.元素有滚动内容时,滑动该滚动内容不流畅

可以为该元素加上样式-webkit-overflow-scrolling: touch;

2.去除input、textarea等标签在ios中的默认样式

可以添加样式-webkit-appearance: none;(PS:加上该样式后radio、checkbox等标签将不可见,要注意对这些标签的处理哦)

3.需要点击两下a标签才能跳转链接

现  象:第一次点击出现a:hover对应的效果,再次点击才会进行跳转

解决方案:请检查a标签是否包含有样式为display:none,且在a:hover时display又发生了改变的元素。。如果有,可以试着用opacity实现想要的效果

4.vue页面使用了vuex后在ios移动端报错

现  象:ios打开页面后一片空白

解决方案:经过排查发现是页面用了...mapGetters来获取变量,computed里的变量改为xxx(){return this.$store.state.xxx}后问题解决