天天看點

解決小程式中textarea ios端樣式不相容的兩種方法

今天遇到在小程式裡面textarea會存在一定的相容性問題,textarea有預設的内邊距,在安卓手機和ios手機顯示的時候,ios手機的内邊距會比安卓手機的内邊距大很多,是以會造成樣式不相容

第一種方法:

解決的辦法:通過wx.getSystemInfoSync()擷取手機的機型;然後判斷是ios手機還是安卓的手機,根據不同的手機機型的型号不同,編寫對應不同的CSS樣式即可,如下代碼:

let phone = wx.getSystemInfoSync();  //調用方法擷取機型
if (phone.platform == 'ios') {
    this.isIos = true
} else if (phone.platform == 'android') {
    this.isIos = false
}      

擷取到對應的isIos的布爾值,再進行三元判斷即可

第二種方法:

微信小程式文檔标明disable-default-padding這個屬性可以去除!