我是靠谱客的博主 斯文音响,最近开发中收集的这篇文章主要介绍小程序background-image设置背景图,高度自适应,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

微信小程序通过background-image设置背景:

        只支持线上图片和base64图片,不支持本地图片;

base64图片设置步骤如下:

        1.在网站http://imgbase64.duoshitong.com/上将图片转成base64格式的文本

        2.在WXSS中使用以上文本:

                background-image: url("data:image/png;base64,iVBORw0KGgo=...");

        3.为了是背景图片自适应宽高,可以做如下设置:

                   background-repeat:no-repeat;

                   background-size:100% 100%;

                  -moz-background-size:100% 100%;

原文:https://blog.csdn.net/Cloud_Lion/article/details/80563192 

最后

以上就是斯文音响为你收集整理的小程序background-image设置背景图,高度自适应的全部内容,希望文章能够帮你解决小程序background-image设置背景图,高度自适应所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(37)

评论列表共有 0 条评论

立即
投稿
返回
顶部