移动兼容问题
视屏播放---视频在微信上播放完，会有广告(Android)；视屏在微信上播放完没有广告（IOS）
解决方式：使用div内部嵌套播放
代码：
遗存问题：因为添加了控制条，点击全屏按钮观看时，还是会有广告（Android）
视屏滑动 --- 视屏在微信上不能识别上下、左右滑动(Android)， 视屏在IOS上，swiper做的左右滑动，不能拉动进度条，只能左右滑动(IOS)
页面下部分“前进后退导航条” ----微信自动识别是否存在跳转历史，存在跳转历史会在下部添加导航条（IOS）；Android不会
【移动兼容问题】页面元素移位 ----登录界面，软键盘导致内元素移位（IOS）
解决方式：针对所有输入框，添加失焦事件（滚动到顶部）
代码：
@blur="blurInput"
blurInput(){
(this as any).$nextTick(() => {
(window as any).scrollTo(0, document.documentElement.scrollTop || document.body.scrollTop);
});
}
onscroll函数兼容 ---Android、IOS一致，华为ipad不一致
解决：识别是否存在获取 top的对象
代码：
(window as any).onscroll = () => {
const top = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
};
参考资料：关于onscroll函数兼容各浏览器的方法分析
css 中:hover在移动端不消失 ---直接返回不消失，按钮处于hover状态（IOS）
解决代码： (document as any).body.addEventListener('touchstart', () => {});
推荐阅读
- parallels|parallels desktop 解决网络初始化失败问题
- jhipster|jhipster 升级无效问题
- “精神病患者”的角度问题
- 解决SpringBoot引用别的模块无法注入的问题
- 移动端h5调试方法
- Hive常见问题汇总
- 姚老师互动问答会|姚老师互动问答会 # 问题001（如何更有智慧的和身边人分享金刚智慧（））
- 【Hadoop踩雷】Mac下安装Hadoop3以及Java版本问题
- 【教育故事】|【教育故事】 一个“问题学生”的蜕变
- 蓝桥杯试题