在项目中经常遇到放一整张背景图的情况,但是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
无需安装,打开直接用,也可以在谷歌应用商店安装插件