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

不变形

  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%"
}
相关推荐
2501_915921431 小时前
iOS 实时日志怎么看?KeyMob 的日志过滤、崩溃报告与符号化
android·ios·小程序·https·uni-app·iphone·webview
小小王app小程序开发1 小时前
教育 AI 小程序玩法开发分析
人工智能·小程序
爱勇宝13 小时前
小红花成长更新了:孩子想要什么,也应该有机会自己说出来
微信小程序·产品·小程序·云开发
普通人620 小时前
uniapp模版JS
开发语言·javascript·小程序·uni-app·1024程序员节
andrsted1 天前
企业培训时间难统一?练题簿让在线免费刷题与培训考核更好安排
学习·微信小程序·小程序·学习方法·刷题
拖孩1 天前
一个人 + AI 做的小程序,今天,正式回本了
前端·后端·微信小程序
李纲明1 天前
微信小程序 wx.uploadFile 上传失败:合法域名、临时路径与 HTTPS 证书排查
微信小程序·小程序·uploadfile·devdiy·上传失败
hnxaoli1 天前
win10小程序(二十四)批量新建文件夹
小程序
Ai-_Man1 天前
Meta Muse还是不可以导出左侧所有对话,只能点进去单条内容导出,方法不对吗?
开发语言·人工智能·ai·小程序·c#·1024程序员节
冬奇Lab1 天前
一天一个开源项目(第247篇):wxa-runner —— 让小程序在普通浏览器里用微信官方基础库跑起来,直接接 Playwright 做无头 E2E
微信小程序·开源