前言

• 調試基礎庫 2.12.0
• 微信開發者工具 1.03.2008270
• uniapp 開發者工具 HBuilderX 2.9.8

ios 上元素高度出現異常

通過微信開發者工具預覽無問題。

安卓真機上表現正常：

ios真機上表現不正常：

分析過程

使用微信開發者工具提供的真機調試功能，在 ios 真機上進行調試。查看元素樣式是否存在異常。

• 因使用rpx作為長度單位，首先檢查了元素樣式的單位是否為rpx，發現轉換為了px。經過測試，微信小程序將rpx轉換為px的過程并無問題。
• 精簡頁面上的元素，確定是否因某個元素引起的
• 當將元素數量減少到不足一頁時，出現高度異常。
• 在調試狀態下，將 page 元素的高度樣式去掉，異常消失。

解決辦法

page{height: 100%; }

修改為：

page{min-height: 100%; }

也可以去掉該樣式。

總結

以上是生活随笔為你收集整理的微信小程序rpx作为高度单位时，在 ios 出现异常的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。