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

不变形

  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%"
}
相关推荐
然后就去远行吧20 分钟前
小程序 wxml 语法 —— 36 wxml 语法 - setData() 修改数据
小程序
说私域1 小时前
基于定制开发开源AI智能名片S2B2C商城小程序的零售运营策略研究
人工智能·小程序·开源·零售
低代码布道师5 小时前
加油站小程序实战教程08动态获取城市和站点信息
低代码·小程序
—Qeyser6 小时前
用Deepseek写一个五子棋微信小程序
微信小程序·小程序
说私域7 小时前
定制开发开源AI智能名片S2B2C商城小程序:以“晒”为桥,构建信任,助力社交新零售飞跃
人工智能·小程序·零售
oil欧哟8 小时前
🥳 做了三个月的学习卡盒小程序,开源了!
前端·vue.js·微信小程序
然后就去远行吧11 小时前
小程序 wxml 语法 —— 39 简单双向数据绑定
小程序
Bruce_Liuxiaowei12 小时前
用Python实现PDF转Doc格式小程序
python·小程序·pdf
说私域14 小时前
基于开源AI大模型的精准零售模式创新——融合AI智能名片与S2B2C商城小程序源码的“人工智能 + 线下零售”路径探索
人工智能·搜索引擎·小程序·开源·零售
窝窝和牛牛14 小时前
记录小白使用 Cursor 开发第一个微信小程序(二):创建项目、编译、预览、发布(250308)
微信小程序·小程序