wxml页面
<view class="container log-list">
<image class="bg-image" src="/static/game.jpg"></image>
</view>
wxss页面
.log-list {
display: flex;
flex-direction: column;
/* 父元素要设置100% */
width: 100%;
padding: 0;
}
.bg-image {
/* 将图片铺满:css3计算属性 */
width: 100%;
height: calc(100vh);
}
效果:
文章来源:https://www.toymoban.com/news/detail-770994.html
文章来源地址https://www.toymoban.com/news/detail-770994.html
到了这里,关于微信小程序:使用image标签做背景图片并铺满屏幕的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!