如何设置小程序背景图片大小

最新推荐文章于 2025-06-11 17:23:58 发布

原创最新推荐文章于 2025-06-11 17:23:58 发布 · 1.5w 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#小程序背景图片

微信小程序专栏收录该内容

21 篇文章

订阅专栏

本文详细介绍CSS中background-size属性的使用方法，包括auto、px、百分比、cover和contain等值的应用场景与效果，帮助读者掌握背景图片的精确控制。

background-size设置背景图片大小

background-size:auto;| XXpx;|<百分比>;|cover;|contain
属性说明：
	1、auto:默认值，不改变原始图片的大小。
	2、xxpx:自定义设置图片的大小，一般为成对出现例如 100px,50px,当设置一个值的时候，将其作为图片的宽度只进行等比缩放。
	3、百分比:0%-100%的任意值，一般也是成对出现，当设置一个值的时候，就成了正方形了。
	4、cover：覆盖， 用背景图等比例缩放填满整个容器。（推荐使用）
	5、contain：容纳，即将背景图片等比缩放至**某一边紧贴容器边缘为止。**