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

不变形

  1. 在页面的wxss文件中,设置背景图片的样式:
css 复制代码
page{
    background-image: url(图片路径);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
  1. 在页面的json文件中,设置背景图片的样式:
css 复制代码
{
  "backgroundTextStyle": "dark",
  "backgroundColor": "#ffffff",
  "backgroundImage": "图片路径",
  "backgroundSize": "100% 100%"
}
相关推荐
用户5732400372330 分钟前
从"陪聊机器人"变成"产品导航员"
微信小程序
2501_916008891 小时前
全面解析常用Web前端开发工具:编辑器、调试工具、性能分析器与框架
android·前端·ios·小程序·uni-app·编辑器·iphone
px不是xp19 小时前
【灶台导航】优化纠错实录
javascript·微信小程序
mykj155120 小时前
AI旅拍小程序定制开发,解锁文旅变现新赛道
人工智能·小程序
爱勇宝1 天前
我做了一个亲子成长小程序:想把“催孩子”变成“看见孩子”
微信小程序·产品·全栈
biwenyunnet1 天前
【99做小程序只认餐宝盈】连锁餐饮小程序怎么做:从系统架构、技术选型到表结构与接口设计的完整实践
小程序·系统架构
27669582921 天前
拼多多m端/小程序 encrypt_info
java·小程序·apache·encrypt_info·encrypt_info解密·拼多多小程序·拼多多m端
克里斯蒂亚诺更新1 天前
微信小程序体验版可以获取当前位置但是正式版不可以-办法解决
微信小程序·小程序
巴巴博一1 天前
uni-app / 微信小程序中 open-type=“share“ 按钮样式异常,和普通 view 无法齐平的解决方案
微信小程序·uni-app·notepad++
资深前端之路1 天前
微信小程序节点最大限制为5000个
微信小程序·小程序