在vue中使用背景图时，在屏幕大的手机上底部会出现空白区域
文章图片
这是在iPhoneX显示的效果，底部有明显的留白 解决方法：
使用背景图的元素的CSS设置：
position:absolute;
top:0;
【在vue中使用背景图时，在屏幕大的手机上底部会出现空白区域】right:0;
bottom:0;
left:0;
width:100%;
background:url("./img/bg.png")no-repeat;
background-size:100% 100%;
box-sizing:border-box;
错误原因：
重点：之前出现留白的原因是我将background-size:100% ；只设置了一个100%，写成两个就好了
推荐阅读
- 热闹中的孤独
- 你到家了吗
- Shell-Bash变量与运算符
- JS中的各种宽高度定义及其应用
- 闲杂“细雨”
- 杜月笙的口才
- 2021-02-17|2021-02-17 小儿按摩膻中穴-舒缓咳嗽
- 深入理解Go之generate
- 赢在人生六项精进二阶Day3复盘
- 祖母走了