【CSS】div的背景图完整图片覆盖

最初的代码：

1 .container_first {
2     width: 100%;
3     height: 100%;
4     background: url(10176581.jpg);
5     background-size: cover;
6     position: relative;
7 }

因为UI交给我的图片是按照iPhone6的尺寸来的，在iPhone4上面用cover的话覆盖的背景图是不完整的下面缺失

更改后的代码：

1 .container_first {
2     width: 100%;
3     height: 100%;
4     background: url(10176581.jpg);
5     background-size: 100% 100%;
6     position: relative;
7 }

改为 background-size: 100% 100%;后图片完整显示 虽然有些扁但相信没人用iPhone4了吧....
当然也可以用媒体查询这里就偷懒了

转载于:https://www.cnblogs.com/lijie33402/p/4586726.html