实现小程序iphonex与iphone6底部适配

实现iphonex与iphone6底部适配

  • 给底部要绝对定位的按钮或者组件添加
  height: 80px; // 底部组件高度
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  padding-bottom: calc(constant(safe-area-inset-bottom));
  padding-bottom: calc(env(safe-area-inset-bottom));
  • 给上边的内容区域添加
// +的是底部组件高度
padding-bottom: calc(constant(safe-area-inset-bottom) + 80px);
padding-bottom: calc(env(safe-area-inset-bottom) + 80px);

实现小程序iphonex与iphone6底部适配

上一篇:用delphi开发微信支付和支付宝支付


下一篇:SpringBoot 实现微信推送模板