记录一些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}后问题解决