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

不变形

  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%"
}
相关推荐
嫂子开门我是_我哥2 小时前
从零开发微信小程序+若依后端项目:本地全流程开发,从环境搭建到前后端联调跑通
微信小程序·小程序·若依
Kingexpand_com21 小时前
物联网APP开发实战:如何打造用户真正愿意用的智能硬件伴侣
物联网·小程序·app·智能硬件·物联网app定制开发
CHU7290351 天前
家政同城服务APP前端功能玩法解析
前端·小程序
weixin_lynhgworld1 天前
硬核功能赋能运营,定制盲盒小程序解锁沉浸式抽盒体验
小程序
灵机一物1 天前
灵机一物AI智能电商小程序-ReAct驱动的虚拟试穿智能体产品方案
人工智能·小程序
CHU7290351 天前
剧本杀组车约玩小程序前端功能版块设计及玩法介绍
前端·小程序
chushiyunen1 天前
pycharm创建桌面时间控件小程序
ide·小程序·pycharm
宁夏雨科网1 天前
SaaS系统搭建宠物用品小程序可行吗
小程序·商城小程序·微信商城·制作小程序·宠物用品小程序·宠物用品商城
CHU7290352 天前
直播逛购新体验——直播商城APP前端功能详解
前端·小程序
云起SAAS2 天前
设备质保保修维修保质包换期查询H5抖音快手微信小程序看广告流量主开源
微信小程序·小程序