博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序中图片占满整个屏幕
阅读量:5737 次
发布时间:2019-06-18

本文共 448 字,大约阅读时间需要 1 分钟。

方案1:使用背景图 (background-image)

此方案适用于 网络图片资源,因为 background-image 不允许使用 本地路径图片资源

page {    overflow:hidden;     position:fixed;     background-image:url('https://bing.ioliu.cn/v1/rand');     margin: 0px;     /*下面的是关键的设置100%显示*/     background-size: 100% 100%; }复制代码

方案2:使用小程序自带的</image>标签

此方案既可以使用 网络图片资源 也可以使用 本地路径图片资源

复制代码
.img {    width:100%;    height:100%;    position:absolute;}或者这样^_^.img {    width:100%;    height:100vh;}复制代码

ps: 根据你的情况自由选择哟

转载地址:http://aewzx.baihongyu.com/

你可能感兴趣的文章
搜索问题的办法
查看>>
微信分销系统商城营销5大重点
查看>>
求职准备 - 收藏集 - 掘金
查看>>
htm5新特性(转)
查看>>
Linux-Centos启动流程
查看>>
php 设计模式
查看>>
后端技术精选 - 收藏集 - 掘金
查看>>
Laravel 服务容器
查看>>
6天面试、斩获6家硅谷巨头Offer,我是如何做到的?
查看>>
Scala模式匹配的亮点——Martin Odersky访谈(四)
查看>>
mac安装kubernetes并运行echoserver
查看>>
多页架构的前后端分离方案(webpack+express)
查看>>
AWS推出深度学习容器,简化AI程序开发
查看>>
算法(第4版) Chapter 1
查看>>
前端技术选型的遗憾和经验教训
查看>>
“亲切照料”下的领域驱动设计
查看>>
GIT
查看>>
微软宣布公开预览其内容分发网络
查看>>
SRE工程师到底是做什么的?
查看>>
解读:Red Hat为什么收购Ansible
查看>>