1.在app.js的onLaunch函數內調用wx.getSystemInfo，獲得手機型號res.model，並存儲為全局變量： 在需要用到的js中設置即可，我這底部自定義所以用組件的形式 ...

背景 公司項目開發中，發現iPhoneX上吸底元素存在被小黑條遮擋的問題 原因 在蘋果 iPhoneX 、iPhone XR等機型上，物理Home鍵被取消，改為底部小黑條替代home鍵功能,從而導致吸底元素會被小黑條遮擋覆蓋的問題 解決方案 使用已知底部小黑條 ...

適配iPhoneX底部的小黑條 一、場景 由於iPhoneX去掉了物理按鍵，改為了底部小黑條，這就會導致屏幕適配問題，最常見的場景就是底部fixed的元素被阻擋的情況。對於這種問題，我們一般采取css或js的處理方式（適用於h5，小程序）。 二、css適配方案（推薦） 第一步 ...

效果 第一步：在app.json里面獲取設備信息 第二步：在當前頁面index.js的onload里面獲取這個判斷手機型號的值 最后在需要的地方判斷就可 參考：https://blog.csdn.net ...

因為我是自定義的tabbar底部標簽，在模擬器上的時候沒有發現什么問題。 在蘋果X 蘋果11上就發現了 底部tabbar被蘋果手機上的小黑條遮擋住了，並且點擊的時候很不方便。 使用小程序自帶的tabbar是沒有這個問題的。 小黑條位置: 1.首先在app.js定義全局變量 2. ...

...

在頁面加入一行css代碼即可 然后在需要適配的元素上使用footer類即可 ...

1、首先，給viewport meta 標簽添加一個擴展viewport-fit，用於設置網頁在手機的可視窗口的布局方式　　屬性值有：contain 視窗包含網頁　　　　　　　cover 網頁覆蓋視窗　　　　　　　auto 默認值，同contain效果注意：網頁默認不添加擴展的表現 ...