移動端混合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撐開