求教前端大佬 H5 页面的背景图片在 iPhoneX 下面空白一块

[edison111cry]

background-image: url('data/wechat/home_background.png');
background-size: cover;
background-repeat:no-repeat;


加载的背景图片在其他手机上测试都是铺满屏幕，就是 iPhoneX 下面留白，有没有简单的方法来实现一下哈

[1KN6sAqR0a57no6s]

提供一下该元素 width 和 height 的定义

[edison111cry]

@YuxiangLuo 就直接是 body 里的哈

[1KN6sAqR0a57no6s]

body 元素加一个 height: 100vh; 试试

[edison111cry]

@YuxiangLuo 空白倒是给补上了哈，图片也没有变 形，但是这个图片右边和下边有一部分超出屏幕看不到了，也不行呢。

[szz]

试试 background-size: 100% 100%

[louieliu]

https://github.com/LiuL0703/blog/issues/31 可以看看这个