84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
html,body{ background:url(../img/bg.jpg) center center no-repeat; } 经测试其他5.5寸以下的手机屏都能完整显示背景图 5.5的不行,页面底部会有30px的留白?
闭关修行中......
雷雷
background-size:cover;
图片本身不够宽高,用这个参数可以使图片满屏,就是会背景溢出窗口
很久以前做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...,这是我写的对这个属性的解释,可以看一下,哈哈
雷雷
雷雷
雷雷
雷雷
background-size:cover;
图片本身不够宽高,用这个参数可以使图片满屏,就是会背景溢出窗口
很久以前做WEBAPP封面的时候觉得@media all and (min-device-pixel-ratio: 16/9) {...} 不错,但是最终没有机会使用,可以使用多张图,长宽比无非也就16:9,4:3,或者变态魅族15:9,不过楼主,我没试过。。。
背景大小:封面;
高度宽度撑开即可
建议了解一下background-size属性,https://segmentfault.com/a/11...,这是我写的对这个属性的解释,可以看一下,哈哈