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; }
background-size:cover;
/*新增加此条样式*/ html,body{ width:100%; height:100%; }
background-size：cover background-position：center
图片本身不够宽高，用这个参数可以使图片满屏，就是会背景溢出窗口
很久以前做WEBAPP封面的时候觉得@media all and (min-device-pixel-ratio: 16/9) {...} 不错，但是最终没有机会使用，可以使用多张图，长宽比无非也就16:9,4:3，或者变态魅族15:9,不过楼主，我没试过。。。
width:100%; height:100%;
高度宽度撑开即可
建议了解一下background-size属性，https://segmentfault.com/a/11...，这是我写的对这个属性的解释，可以看一下，哈哈
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
background-size:cover;
图片本身不够宽高，用这个参数可以使图片满屏，就是会背景溢出窗口
很久以前做WEBAPP封面的时候觉得@media all and (min-device-pixel-ratio: 16/9) {...} 不错，但是最终没有机会使用，可以使用多张图，长宽比无非也就16:9,4:3，或者变态魅族15:9,不过楼主，我没试过。。。
background-size:cover;
高度宽度撑开即可
建议了解一下background-size属性，https://segmentfault.com/a/11...，这是我写的对这个属性的解释，可以看一下，哈哈