微信小程序中背景图片如何占满整个屏幕,拉伸 5C

图片说明图片说明

5个回答

width:100vw;
height:100vh

 <div class="bg-box">
    <img src="http://www.abc.com/i.jpg">
</div>

.bg-box{
    position: relative;
    width : 100%;
    height : auto;
    box-sizing: border-box;
}

.bg-box img{
    display:block;
    max-width: 100%;
}
qq_37641484
qq_37641484 <div></div>和<view></view>有很多不一样。。。。可能原来我页面有缓存的事,background-size:100% 100%能实现这个需求。。。。
2 年多之前 回复

.backg{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:url('https://dfsn.china-tengyun.com/group1/M00/01/60/cH5Z71tsCSyAbaJdAACoXp7ghWs919.jpg') no-repeat #000;
background-size:cover;
z-index:-1;
}

将body和html设置为100%,这样我们就可以在他们的子元素中使用height:100%来使的我们的容器元素占满屏幕的高度啦。
但是在微信小程序中,是没有dom对象的,根节点是page,使用page{height:100%}
,高度占满了整个小程序的窗口。

你选的模拟器是6plus,宽度不是750,可以改成100%,宽度撑满。就不会有横向间距了

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问