微信小程序:兼容iPhone X系列,适配安全区

Posted wuwuFQ

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序:兼容iPhone X系列,适配安全区相关的知识,希望对你有一定的参考价值。

wxml

<view class="safeBottom"></view>

wxss

.safeBottom {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

以上是关于微信小程序:兼容iPhone X系列,适配安全区的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序不同机型的兼容布局解决

怎样处理苹果手机小程序页面突然变大兼容问题

微信小程序自定义导航栏兼容适配所有机型

微信小程序:css:安全区和状态栏的计算和适配

微信小程序:css:安全区和状态栏的计算和适配

微信小程序系列:五小程序适老化自动适配工具miniprogram-elder-transform---微信老年关怀模式下小程序字体适配微信字体