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

不变形

  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_9159214319 小时前
穿越HTTPS迷雾:Wireshark中的TLS抓包秘诀与文件合并方法
网络协议·ios·小程序·https·uni-app·wireshark·iphone
PinTrust SSL证书19 小时前
Sectigo(Comodo)企业型OV通配符SSL
网络·网络协议·网络安全·小程序·https·ssl
头发还在的女程序员19 小时前
家政系统源码,上门家政源码,支持小程序、APP、H5和公众号,可直接搭建使用
小程序·生活·家政
小徐_233319 小时前
uni-app 组件库 Wot UI 2.0 发布了,我们带来了这些改变!
前端·微信小程序·uni-app
黄华SJ520it20 小时前
天美仕商城平台开发代码
小程序·软件需求·系统开发
Greg_Zhong21 小时前
微信小程序中实现自定义颜色选择器(简陋版对比精致版)
微信小程序·自定义颜色选择器面板
小离a_a21 小时前
uniapp小程序添加路由全局限制,增加路由白名单,登录后接口跳转参数正常传递
小程序·uni-app
Giggle121821 小时前
家政维修保洁预约上门服务小程序软件开发解析
大数据·小程序·产品运营·个人开发·内容运营
宋拾壹1 天前
php网站小程序接入抖音团购核销
android·小程序·php
杰建云1671 天前
2026年第三方平台制作微信小程序多少钱?
微信小程序·小程序·小程序制作