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 回复

蹲点

更多关于uni-app uni.upx2px的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在 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

回到顶部