前言

• 調(diào)試基礎(chǔ)庫 2.12.0
• 微信開發(fā)者工具 1.03.2008270
• uniapp 開發(fā)者工具 HBuilderX 2.9.8

ios 上元素高度出現(xiàn)異常

通過微信開發(fā)者工具預(yù)覽無問題。

安卓真機上表現(xiàn)正常：

ios真機上表現(xiàn)不正常：

分析過程

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

• 因使用rpx作為長度單位，首先檢查了元素樣式的單位是否為rpx，發(fā)現(xiàn)轉(zhuǎn)換為了px。經(jīng)過測試，微信小程序?qū)px轉(zhuǎn)換為px的過程并無問題。
• 精簡頁面上的元素，確定是否因某個元素引起的
• 當(dāng)將元素數(shù)量減少到不足一頁時，出現(xiàn)高度異常。
• 在調(diào)試狀態(tài)下，將 page 元素的高度樣式去掉，異常消失。

解決辦法

page{height: 100%; }

修改為：

page{min-height: 100%; }

也可以去掉該樣式。

總結(jié)

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

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