uni-app uni.upx2px
uni-app uni.upx2px
开发环境 | 版本号 | 项目创建方式 |
---|---|---|
Windows | win10 | CLI |
浏览器 | 131.0.6778.70 | |
操作步骤:
- uni.upx2px(750)
预期结果:
- maxWidth的值
实际结果:
- 屏幕最大宽度
bug描述:
当H5段设置了 maxWidth 的时候 uni.upx2px(750) 返回的是整个屏幕的宽度,正常情况下是不是当宽度超过了maxWidth的时候,返回的是maxWidth
更多关于uni-app uni.upx2px的实战教程也可以访问 https://www.itying.com/category-93-b0.html
3 回复
在 App.vue 文件中重写一下 uni.upx2px() 函数即可,亲测有效,代码可根据实际情况修改;
// #ifdef H5
// 重写 upx2px
uni.upx2px = function(upx) {
let windowWidth = document.body.clientWidth || 480;
return parseFloat(upx) * windowWidth / 750;
}
// #endif
upx2px的计算和设置的globalStyle有关联,麻烦提供一个可复现的demo