微信小程序開(kāi)發(fā)之IOS和Android兼容的問(wèn)題

一、時(shí)間轉(zhuǎn)換問(wèn)題：

這不只是小程序上面的問(wèn)題是ios系統(tǒng) 都有這個(gè)問(wèn)題

就是new  Date("2017-06-16") 在IOS會(huì)出現(xiàn)NAN的情況所以對(duì)于時(shí)間轉(zhuǎn)換需要另行封裝，解決方案如下

1.替換”-“為”/“

2.刪除”.“后面的字符串（帶毫秒也會(huì)有問(wèn)題）

代碼如下：

 /**
   * 字符串轉(zhuǎn)換為時(shí)間
   * @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定位問(wèn)題

整個(gè)頁(yè)面的fixed定位，在ios下下拉會(huì)觸發(fā)下拉事件，但是沒(méi)有動(dòng)畫(huà)效果。Android就能正常運(yùn)行

flex中使用 絕對(duì)定位，ios出現(xiàn)嚴(yán)重錯(cuò)位，導(dǎo)致父級(jí)元素也會(huì)變成絕對(duì)定位，Android能達(dá)到理想效果

總而言之 盡量不用fixed

三、absolute定位問(wèn)題

1.使用absolute定位，并且寬帶設(shè)置了100% 并且設(shè)置了padding就會(huì)導(dǎo)致屏幕寬度溢出，出現(xiàn)頁(yè)面左右可以移動(dòng)的bug，模擬器上是沒(méi)有問(wèn)題，但是真機(jī)上是有這個(gè)問(wèn)題的。這個(gè)問(wèn)題讓我調(diào)試并痛苦了許久

2.使用absolute并且當(dāng)前元素是flex容器這種情況在Ios下面布局不會(huì)起到左右，會(huì)出現(xiàn)所有元素轉(zhuǎn)換成了absloute并且文字錯(cuò)位

3.總而言之 盡量不用 absolute

四、 word-spacing在button中的問(wèn)題

有時(shí)候在使用大按鈕的時(shí)候兩個(gè)字中間希望有段間距，但是目前沒(méi)有找到能使用的占位符，所以使用了的word-spacing加空格 這個(gè)方法來(lái)設(shè)置文字的間距，但是在iPhone6s 上兩個(gè)字中間一個(gè)空格的時(shí)候整體會(huì)向右偏，必須設(shè)置兩個(gè)空格才正常！

如有疑問(wèn)請(qǐng)留言或者到本站社區(qū)交流討論，感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！

最新評(píng)論