您现在的位置是：主页 > news > 建设部咨询资质网站/国内真正的永久免费建站

建设部咨询资质网站/国内真正的永久免费建站

admin2025/5/10 7:13:16【news】

简介建设部咨询资质网站,国内真正的永久免费建站,毕设网站,精品网站建设需要多少钱原文地址：https://www.jianshu.com/p/ff88a9d2a1aa 随着越来新技术的诞生，跨平台的各种方案层出不穷，其跨平台所设计单位也各有不同。为了实现不同平台的尺寸转换，也出现许多新型的尺寸单位。下面详细理理具体有哪些尺寸单位。传…

建设部咨询资质网站,国内真正的永久免费建站,毕设网站,精品网站建设需要多少钱原文地址：https://www.jianshu.com/p/ff88a9d2a1aa 随着越来新技术的诞生，跨平台的各种方案层出不穷，其跨平台所设计单位也各有不同。为了实现不同平台的尺寸转换，也出现许多新型的尺寸单位。下面详细理理具体有哪些尺寸单位。传…

原文地址：https://www.jianshu.com/p/ff88a9d2a1aa

随着越来新技术的诞生，跨平台的各种方案层出不穷，其跨平台所设计单位也各有不同。为了实现不同平台的尺寸转换，也出现许多新型的尺寸单位。下面详细理理具体有哪些尺寸单位。
传统平台尺寸单位：

ios：pt
android:dp
web:px、rem、em
新兴尺寸单位：
微信小程序：rpx
uniapp:upx

单位换算（正常情况下）
1pt=1dp=2px
2rpx=2upx=1px

px转换upx

详细转换公式：
设计稿 1px / 设计稿基准宽度 = 框架样式 1upx / 750upx
解决方案-px2upx：

非全局

uni.getSystemInfo({success: function(e) {let width=e.windowWidth;//获取半屏let halfscreen= uni.upx2px(width/2);}
});

全局配置

1.安装 npm i postcss-px2upx -D
2.配置postcss.config.js

const pkg = require('./package.json')
module.exports = {plugins: [require('postcss-import'),require('autoprefixer')({browsers: pkg.browserslist}),require('postcss-px2upx')({baseDpr: 1,upxUnit: 0.5}),require('@dcloudio/vue-cli-plugin-uni/packages/postcss')]
}