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

不变形

  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%"
}
相关推荐
禾高网络3 小时前
互联网医院定制|互联网医院|禾高互联网医院搭建
java·大数据·人工智能·小程序
qq_12498707533 小时前
基于微信小程序的付费自习室系统的设计与实现(源码+论文+部署+安装)
spring boot·微信小程序·小程序·毕业设计·计算机毕业设计·毕设源码
一室易安4 小时前
uniapp vue3 小程序中 手写模仿京东淘宝加入购物车红点曲线飞入样式效果 简化版代码
小程序·uni-app
00后程序员张4 小时前
混合 App 怎么加密?分析混合架构下常见的安全风险
android·安全·小程序·https·uni-app·iphone·webview
qq_12498707534 小时前
校园失物招领微信小程序设计与实现(源码+论文+部署+安装)
spring boot·微信小程序·小程序·毕业设计·毕设
梦想要有4 小时前
盲盒小程序有哪些比较不错的功能推荐
小程序
kdniao15 小时前
小程序和电商商家物流查询监控解决方案
大数据·小程序
imooos5 小时前
使用小程序AI推理能力识别车牌号
人工智能·小程序
天呐草莓5 小时前
微信小程序应用开发
python·微信小程序·小程序
2501_915921435 小时前
Flutter App 到底该怎么测试?如何在 iOS 上进行测试
android·flutter·ios·小程序·uni-app·cocoa·iphone