微信小程序開發(fā)之IOS/Android兼容坑
|
一、時間轉(zhuǎn)換問題：
這不只是小程序上面的問題是ios系統(tǒng) 都有這個問題 1.替換”-“為”/“ 2.刪除”.“后面的字符串（帶毫秒也會有問題） 代碼如下： 
/**
* 字符串轉(zhuǎn)換為時間
* @param {String} src 字符串
*/
strToDate(dateObj){
dateObj = dateObj.replace(/T/g, ' ').replace(/\.[\d]{3}Z/, '').replace(/(-)/g, '/')
dateObj = dateObj.slice(0, dateObj.indexOf("."))
return new Date(dateObj)
}
二、fixed定位問題
整個頁面的fixed定位，在ios下下拉會觸發(fā)下拉事件，但是沒有動畫效果。Android就能正常運行 flex中使用 絕對定位，ios出現(xiàn)嚴(yán)重錯位，導(dǎo)致父級元素也會變成絕對定位，Android能達到理想效果 總而言之 盡量不用fixed
三、absolute定位問題
1.使用absolute定位，并且寬帶設(shè)置了100% 并且設(shè)置了padding就會導(dǎo)致屏幕寬度溢出，出現(xiàn)頁面左右可以移動的bug，模擬器上是沒有問題，但是真機上是有這個問題的。這個問題讓我調(diào)試并痛苦了許久 2.使用absolute并且當(dāng)前元素是flex容器這種情況在Ios下面布局不會起到左右，會出現(xiàn)所有元素轉(zhuǎn)換成了absloute并且文字錯位 3.總而言之 盡量不用 absolute
四、 word-spacing在button中的問題
有時候在使用大按鈕的時候兩個字中間希望有段間距，但是目前沒有找到能使用的占位符，所以使用了的word-spacing加空格 這個方法來設(shè)置文字的間距，但是在iPhone6s 上兩個字中間一個空格的時候整體會向右偏，必須設(shè)置兩個空格才正常！ |
