84669 orang belajar
152542 orang belajar
20005 orang belajar
5487 orang belajar
7821 orang belajar
359900 orang belajar
3350 orang belajar
180660 orang belajar
48569 orang belajar
18603 orang belajar
40936 orang belajar
1549 orang belajar
1183 orang belajar
32909 orang belajar
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...，这是我写的对这个属性的解释，可以看一下，哈哈
![[Web front-end] Permulaan pantas 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...，这是我写的对这个属性的解释，可以看一下，哈哈