手机页面图片占满屏幕问题

在做项目过程中遇到 的问题:

问题描述:1.图片当背景图插入的时候,iPhone5里图片占满屏幕,iPhone6和iPhone6plus 底部有空白;

 2.图片直接用img方式插入的时候,iPhone5、iPhone6和iPhone6plus底部都有空白;

解决办法:

 高度:100%是相对于父级高度,但是宽度就可以用100%

 如果你的父级高度没有确定具体的高度直接设置100%是没有效果的 ;

 背景图用css3的背景定位方法,插入图片就用css3的视口自适应高度

 css3背景定位方法:

   background-position: right bottom, left top;  

   background-position 属性设置背景图像的起始位置。 
 css3的视口自适应高度:vh, 100vw 100vh就是屏幕的100%。




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值