移动端混合APP开发项目中遇到的兼容性问题及解决方案

1、现象：IOS使用 new Date('2019-08-20').getMonth() + 1; 获取月份报错 NAN。

　　原因：IOS不识别 '-' 格式化的日期格式

　　解决方案：使用正则将 '-' 替换为 '/'

　　eg:  new Date('2019-08-20'.replace(/-/g,'\/')).getMonth() + 1; 

 

2、 部分安卓手机文本不居中，区分两种情况

　　a. 大于12px 解决方案

　　　　解决方案=> 追加设置line-height  

 

　　　　   Note:输入框中不设置line-height 光标不会居中

　　b. 小于12px 解决方案

　　　　解决方案=>

　　　　　　i　　在外边套一层，使用表格布局　

　　　　　　　　　　display: table;

　　　　　　　　　　display: table-cell;

　　　　　　ii    改变字体大小,先将原来包括 font-size 在内的属性放大两倍，再用 scale 缩小一倍

　　　　　　　　　　 display: inline-block;

　　　　　　　　　　 height: 40px;

　　　　　　　　　　　　line-height: 40px;

　　　　　　　　　　　　font-size: 20px; 

　　　　　　　　　　　　transform: scale(0.5);

　　　　　　　　　　　　transform-origin: 0% 0%;

　　　　　　 iii  使用display：flex; align-items:center; 垂直居中

 

3、css 实现 箭头定位居中 苹果手机出现向上偏移，定位问题或者使用图片替换css

 

4、 oppr->底部输入框盖住最后的状态字段显示，出现BUG,有点赞或评论时好的。

　　 解决方案：当没有点赞或评论时添加padding撑开