html5 - 在body中没有元素把高度撑开的情况下，怎么设置背景图铺满全屏？

问题描述

问 题

html,body{
    background:url(../img/bg.jpg) center center no-repeat;    
}


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

解决方案

html,body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    background-size: cover;
}

这篇关于html5 - 在body中没有元素把高度撑开的情况下，怎么设置背景图铺满全屏？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！