【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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值