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

不变形

  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%"
}
相关推荐
杰建云16714 小时前
商家怎么弄小程序店铺
小程序
打瞌睡的朱尤16 小时前
小程序101~125
小程序
Azhao110617 小时前
小程序购物车结算体验优化详解:从入门到实战全攻略
小程序
Haibakeji18 小时前
拼团小程序定制开发适合哪些行业
小程序·软件需求
2501_9159184119 小时前
iOS性能数据监控:从概念到工具实践,让应用运行更流畅
android·macos·ios·小程序·uni-app·cocoa·iphone
silvia_Anne19 小时前
微信小程序(组件通讯和全局数据共享)
微信小程序·小程序
i220818 Faiz Ul20 小时前
个人健康系统|健康管理|基于java+Android+微信小程序的个人健康系统设计与实现(源码+数据库+文档)
android·java·vue.js·spring boot·微信小程序·毕设·个人健康系统
博客zhu虎康1 天前
小程序:实现下拉刷新和上拉加载更多功能
小程序
2501_915909061 天前
全面解析前端开发中常用的浏览器调试工具及其使用场景
android·ios·小程序·https·uni-app·iphone·webview
云起SAAS2 天前
企业名片画册相册微信小程序源码 | 管理后台+后端 | 含产品展示资讯视频
微信小程序·广告联盟·企业名片画册相册微信小程序源码