老哥教教我
老哥教教我
  • 发布:2022-03-28 17:33
  • 更新:2022-03-28 17:33
  • 阅读:1437

官方rpx rpx 即响应式 px 使用总结

分类:uni-app

1.HBurlderX 工具-> 设置-> 编辑器配置 px自动转换成rpx 就是用你开发手机宽度(uni.getSystemInfoSync().windowWidth 获取手机宽度)除以750 得到的数(极有可能是小数),填写在里面即可在输入px时候自动转换成rpx
2.如果做好第一步这里就自动计算,这是官方手动计算方法 750 * 元素在设计稿中的宽度 / 设计稿基准宽度 这个是官方转换公式,好用
3.如果屏幕宽度大于960px,此时rpx 填写宽度会有如下区别
01.如果填写是750rpx,那就不管多宽屏幕都是宽度100%,横向铺满
02.如果填写不是750rpx,自动会将你填写数值除以2后转换成普通px,
03.例如,目标屏幕宽度1366px ,如果css填写1366rpx ,则宽度正好是一半,如果想全部铺满必须填写 2732 就是1366 X 2 ;

0 关注 分享

要回复文章请先登录注册