标签:
最初的代码:
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了吧....
当然也可以用媒体查询这里就偷懒了
标签:
原文地址:http://www.cnblogs.com/lijie33402/p/4586726.html