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)
巴扎黑

雷雷

迷茫

雷雷

小葫芦

雷雷

洪涛

雷雷

PHPzhong

background-size:cover;

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

Peter_Zhu

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

迷茫

背景大小:封面;

PHPzhong

width:100%; height:100%;

高度宽度撑开即可

Peter_Zhu

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!