首頁 >web前端 >js教程 >微信小程式IOS和Android相容如何實現

微信小程式IOS和Android相容如何實現

小云云
小云云原創
2018-01-31 13:31:342645瀏覽

本文主要介紹微信小程式開發之IOS和Android相容的問題的相關資料,希望透過本文能幫助到大家,需要的朋友可以參考下,希望能幫助到大家。

微信小程式開發之IOS與Android相容的問題

一、時間轉換問題:

這不只是小程式上面的問題是ios系統都有這個問題

就是new  Date("2017-06-16") 在IOS會出現NAN的情況所以對於時間轉換需要另行封裝,解決方案如下

1.替換”-“為”/“

2.刪除”.“後面的字串(帶毫秒也會有問題)

#程式碼如下:


 /**
   * 字符串转换为时间
   * @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下下拉會觸發下拉事件,但是沒有動畫效果。 Android就能正常運作

flex中使用絕對定位,ios出現嚴重錯位,導致父級元素也會變成絕對定位,Android能達到理想效果

總而言之盡量不用fixed

三、absolute定位問題

1.使用absolute定位,並且寬頻設定了100% 並且設定了padding就會導致螢幕寬度溢出,出現頁面左右可以移動的bug,模擬器上是沒有問題,但真機上是有這個問題的。這個問題讓我調試並痛苦了許久

2.使用absolute並且當前元素是flex容器這種情況在Ios下面佈局不會起到左右,會出現所有元素轉換成了absloute並且文字錯位

3.總​​而言之盡量不用absolute

四、 word-spacing在button中的問題

有時候在使用大按鈕的時候兩個字中間希望有段間距,但目前沒有找到能使用的佔位符,所以使用了的word-spacing加空格這個方法來設定文字的間距,但是在iPhone6s 上兩個字中間一個空格的時候整體會向右偏,必須設定兩個空格才正常!

相關推薦:

實例詳解IOS 資料庫升級資料遷移

在ios端點選按鈕閃爍解決方法

H5跟ios、android資料對接的方式


以上是微信小程式IOS和Android相容如何實現的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn