移动端常见问题汇总(持续更新中)

Posted 2023-03-16

参考技术A

一.列表滑动问题
1.1:height:100%-如果父级元素给定的高度没有超过当前垂直视口的时候,即使当前dom的垂直内容高度超过当前视口高度,也是不会出现滚动条
1.2:overflow:hidden-溢出隐藏也会造成列表滚动无效

二:.ios端可能会出现在div,p,span标签上定义的click事件不生效.
2.1:将以上标签换成a标签或者button
2.2;给上述dom添加样式cursor:pointer

三.ios端z-index不生效问题(-webkit-overflow-scrolling:touch---此属性的意义是使ios列表滑动流畅一点)
3.1:-webkit-overflow-scrolling:touch改为-webkit-overflow-scrolling:unset

四.loading加载问题
4.1:将各个模块中的loading控制标识改成各个模块唯一标识的控制符
4.2:在拦截器中加监听,能够监听到控制符变化就可以控制loading状态

五.解决safari布局抖动的例子
六.ios手机无法识别带横杆的时间格式的解决方法
6.1：正则替换

6.2：采用moment第三方库格式化将横杠转化为斜杠

七.node-sass安装失败解决方案

八：解决移动端position:fixed受虚拟键盘影响的问题
1.监听改变浏览器窗口高度的时候去触发事件

2.当输入框获得焦点时，重新修改按钮样式：position,\'static\'，当输入框获得焦点时，样式恢复

3.媒体查询

九：公众号获取定位