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

2019-10-12 23:09:11 +08:00
 edison111cry
background-image: url('data/wechat/home_background.png');
background-size: cover;
background-repeat:no-repeat;


加载的背景图片在其他手机上测试都是铺满屏幕,就是 iPhoneX 下面留白,有没有简单的方法来实现一下哈
2454 次点击
所在节点    问与答
6 条回复
1KN6sAqR0a57no6s
2019-10-12 23:14:59 +08:00
提供一下该元素 width 和 height 的定义
edison111cry
2019-10-12 23:17:11 +08:00
@YuxiangLuo 就直接是 body 里的哈
1KN6sAqR0a57no6s
2019-10-12 23:32:22 +08:00
body 元素加一个 height: 100vh; 试试
edison111cry
2019-10-12 23:43:40 +08:00
@YuxiangLuo 空白倒是给补上了哈,图片也没有变 形,但是这个图片右边和下边有一部分超出屏幕看不到了,也不行呢。
szz
2019-10-13 12:48:08 +08:00
试试 background-size: 100% 100%
louieliu
2019-10-13 13:16:47 +08:00

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/608769

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX