微信小程序使用rpx但未实现自适应

Question

在iPhone6/7/8机型中将星星按钮定位

但是转至Plus机型（宽度改变）便会出现偏移

求大佬帮助😭

Answer 1

微信小程序中使用rpx可以实现自适应布局，但需要在页面中设置viewport的scale值，以保证页面按照的比例进行缩放

<!-- index.wxml -->
<view>
  <text>Hello World!</text>
</view>

<!-- index.wxss -->
@viewport {
  width: 750rpx;
  height: 100%;
  initial-scale: 1.0;
  maximum-scale: 1.0;
  minimum-scale: 1.0;
  user-scalable: no;
}