简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
html5 - 在body中没有元素把高度撑开的情况下，怎么设置背景图铺满全屏？
阿神
阿神 2017-04-17 13:44:12
0
9
954
html,body{
    background:url(../img/bg.jpg) center center no-repeat;    
}


经测试其他5.5寸以下的手机屏都能完整显示背景图
5.5的不行，页面底部会有30px的留白？

阿神
阿神

闭关修行中......

全部回复(9)
巴扎黑
巴扎黑2017-04-17 13:46:12 9 楼

雷雷

点赞 +0
添加回复
迷茫
迷茫2017-04-17 13:46:12 8 楼

雷雷

点赞 +0
添加回复
小葫芦
小葫芦2017-04-17 13:46:12 7 楼

雷雷

点赞 +0
添加回复
洪涛
洪涛2017-04-17 13:46:12 6 楼

雷雷

点赞 +0
添加回复
PHPzhong
PHPzhong2017-04-17 13:46:12 5 楼

background-size:cover;

图片本身不够宽高，用这个参数可以使图片满屏，就是会背景溢出窗口

点赞 +0
添加回复
Peter_Zhu
Peter_Zhu2017-04-17 13:46:12 4 楼

很久以前做WEBAPP封面的时候觉得@media all and (min-device-pixel-ratio: 16/9) {...} 不错，但是最终没有机会使用，可以使用多张图，长宽比无非也就16:9,4:3，或者变态魅族15:9,不过楼主，我没试过。。。

点赞 +0
添加回复
迷茫
迷茫2017-04-17 13:46:12 3 楼

背景大小：封面；

点赞 +0
添加回复
PHPzhong
PHPzhong2017-04-17 13:46:12 2 楼

width:100%; height:100%;

高度宽度撑开即可

点赞 +0
添加回复
Peter_Zhu
Peter_Zhu2017-04-17 13:46:12 1 楼

建议了解一下background-size属性，https://segmentfault.com/a/11...，这是我写的对这个属性的解释，可以看一下，哈哈

点赞 +0
添加回复
热门专题
更多>
热门文章
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！