本文主要探讨uni-app在适配小程序和app时遇到的兼容性问题，包括单位转换、网页嵌套、图片显示及点击事件无效等，并提供了解决方法。例如，动态绑定的style不支持直接使用upx，需要进行px到upx的换算；小程序中嵌套网页只支持https域名；图片不显示可以尝试设置width和height，或者使用相对路径；点击事件无效可能是因为层级不够或输入框聚焦遮挡，调整z-index和布局即可解决。
整理在uni-app一套代码适配app&小程序遇到的兼容问题。持续更新…
-
uni-app单位问题： 动态绑定的 style 不支持直接使用 upx
upx - 小程序与app都支持
rpx - 小程序支持psupx换算使用：
- 若设计稿宽度为 640px，元素 A 在设计稿上的宽度为 100px，那么元素 A 在 uni-app 里面的宽度 应该设为：750 * 100 / 640，结果为：117upx。
- 若设计稿宽度为 375px，元素 B 在设计稿上的宽度为 200px，那么元素 B 在 uni-app 里面的宽度应该设为：750 * 200 / 375，结果为：400upx。
-
uni-app小程序使用网页嵌套：在界面中嵌套别的网址界面显示
app端支持
<web-view>也支持<iframe>
小程序仅支持<web-view>
注意⚠：下面这个必须为https域名，http域名部分iphone无法响应<web-view src="https://www.baidu.com/?tn=62095104_10_dg"></web-view> -
uni-app小程序图片不
最低0.47元/天 解锁文章
扫一扫
265
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
