微信小程序背景图片自适应设置
北京/教育工作者/5年前/1530浏览
版权
微信小程序背景图片自适应设置
微信小程序背景图片设置
在wxss里设置背景为本地图片是不可以的,会报错:“本地资源图片无法通过 WXSS 获取,三个方式可以解决;1)可以使用网络图片,2)使用 base64,3)使用<image/>标签”,下面举例在wxml里添加背景图用网络资源。
1、先设置page的样式:
page{
width:100%;
height:100%;
overflow: hidden;
}
2、再添加一个view
<view class='whole'>
</view>
3、设置这个view的样式
.whole{
width:100%;
height:100%;
background: url('...url...');
background-size: cover;
}
背景图片就平铺了,之后的内容就写在这个view标签里面。
1
Report
声明
5
Share
相关推荐
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
You may like
相关收藏夹
Log in
1Log in and synchronize recommended records
5Log in and add to My Favorites
评论Log in and comment your thoughts
分享Share












































































