今天遇到在小程式裡面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這個屬性可以去除!