一个小插曲吧 刚看完今年的iPhone17 Pro '新春大片' 同为养宠物的铲屎官 蛮共情的 有兴趣的可以跳过去看一眼~

今天收到微信开发者的一篇推文 写的是关于微信小程序页面适配不一致的问题

原文是下面这个

https://mp.weixin.qq.com/s/ewAaOiBiG3VDo55lfZ7__Q?scene=1&click_id=1

里面提到了 安全区域 的适配代码 在程序里测试了下 还是很有用的 可以避免一些做开发时 不会太多花精力在意的细节

page{ --tabbar: 80rpx;/**tabbar的高度*/}.tabbar{ position: fixed; left: 0; right: 0; bottom: 0; height: var(--tabbar); box-sizing: content-box; padding-bottom: env(safe-area-inset-bottom);/**关键代码*/}

关键代码是最好一行 问中列出了3种情况 一次给了解决的代码 如果有需要可以跳转回官方的文章里查看

团队里自从和设计那边沟通好rpx和px的转换问题之后 几乎没有出现过太严重的机型适配情况[一方面有可能我们开发出去的程序 用户使用量相对较小 没什么有效反馈到我们这边 另外一方面 因为毕竟是小团队 没办法对市场上大部分机型机型设备适配的测试 特别是鸿蒙系统 折叠机这类的 应该都没有太能顾及到 所以我们的情况也不是绝大部分开发团队或者开发者的情况]

像类似文章里提到的有关于Tabbar与页面内容遮挡的问题 我们一般会在内容页 底部留有80-120rpx的底部padding 因为其中一些内容页的底部 会放上团队自己的开发LOGO 或者如果甲方有定制的话 会放上甲方公司的LOGO 这个处理方式 这么多年几乎没有遇到什么内容页被遮挡住的情况 当然官方文章里提到的是特殊情况 自定义Tabbar

这个如果只是单纯用代码处理 确实挺闹心的 今天学习完 顺手把程序还在线上跑的客户项目 都做了下更改优化 问题案例2和3的情况

也都相应进行了修改 明天新版本发布了用同事的满血鸿蒙手机跑一跑看看适配的具体情况

算是官方推出的一个解决方案 几乎也就是两三行代码就解决好了 身体还没恢复完全 要早休息了 今天就这样 下期见

保持好奇 不断进步 下期见~