微信小程序页面自适应

在给定的750rpx宽度设计稿

对不同的手机各个高度不一样

这边如有使用定位属性 对高度不能用百分比来定位

直接给固定的距离。

 

对于整个页面的高度考虑不同手机尺寸高度不同

要尽量展示出设计图的效果 可不用设计只在手机当前视口内100%展示

可以给出实际的设计稿高度

例如：

  width: 100%;
  height: 1700rpx;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;