iPhoneX底部背景图适配

在项目中经常遇到放一整张背景图的情况，但是iPhoneX底部会预留出一段空白，可以用取色工具取到和底部接近的颜色然后填充

html

  <section class="home-wrap">
    <img class="wrap-bg" src="./assets/img/bg.png" />
  </section>

…

scss

.home-wrap {
  position: relative;
  width: 100%;
  min-height: 100vh;
  background-color:#B92435;//要填充的颜色

  .wrap-bg {
    width: 100%;
  }
}

填充后

附上取色工具：
链接：https://pan.baidu.com/s/1Ztm4vyrwE3Ncjn8NMAjTuQ
提取码：qfcr
无需安装，打开直接用，也可以在谷歌应用商店安装插件