[css] 舉例說(shuō)明微信端兼容問(wèn)題有哪些？

說(shuō)一個(gè)微信小程序的iPhoneX適配吧， 因?yàn)閕PhoneX底部沒(méi)有虛擬按鍵，底部的橫線會(huì)出現(xiàn)遮擋這時(shí)候就要處理下： 大概思路就是獲取到客戶端設(shè)備，然后判斷是iPhoneX就換樣式。 在app.js中添加一個(gè)檢測(cè)當(dāng)前設(shè)備是否是iPhoneX的變量：globalData: {userInfo: null,isIphoneX: false//判斷是否是iPhoneX},onShow: function() {var that = this;wx.getSystemInfo({success: function(res) {// console.log('手機(jī)信息res'+res.model) let modelmes = res.model;if (modelmes.search('iPhone X') != -1) {that.globalData.isIphoneX = true}},})}在需要做兼容的xxx.js中引入：var app= getApp(); Page({ data: {isIphoneX: false }, onLoad: function(){// 判斷是否為iPhoneXvar isIphoneX = app.globalData.isIphoneX;console.log(isIphoneX ? '是iPhoneX' : '不是iPhoneX')this.setData({isIphoneX: isIphoneX})} })

個(gè)人簡(jiǎn)介

我是歌謠，歡迎和大家一起交流前后端知識(shí)。放棄很容易，
但堅(jiān)持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關(guān)前端面試題

總結(jié)

以上是生活随笔為你收集整理的[css] 举例说明微信端兼容问题有哪些？的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。