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

最初的代码：

 .container_first {
     width: 100%;
     height: 100%;
     background: url(10176581.jpg);
     background-size: cover;
     position: relative;
 }

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

更改后的代码：

 .container_first {
     width: 100%;
     height: 100%;
     background: url(10176581.jpg);
     background-size: 100% 100%;
     position: relative;
 }

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