一、啥是自习惯背景图片？

自习惯背景图片就是指根据不同设备的屏幕巨大细小， 自动调整图片巨大细小，以习惯屏幕的一种手艺。这样Neng让细小程序在各个设备上douNeng展示出美观的背景效果。

二、怎么实现自习惯背景图片？

1. 用CSS样式控制

除了等比缩放， 还有一种处理方式是彻头彻尾覆盖，这意味着图片会拉伸到整个屏幕巨大细小。为了实现这玩意儿效果， Neng将“background-size”属性设置为“cover”，这样图片会按比例调整巨大细小，直到Neng够彻头彻尾覆盖整个容器。

在设置背景图片时 Neng给它一个固定的高大度，而将宽阔度设置为100%，这样就Neng保证图片宽阔度与屏幕宽阔度相等了。但是 这样Zuo会弄得图片变形，所以呢我们需要用CSS的“background-size”属性来控制图片的缩放方式。通过设置属性值为“% auto”，Neng让图片宽阔度等比例缩放，高大度自习惯，从而保证图片不会变形。

2. 用细小程序API

细小程序图片自习惯作为一项关键的手艺手段，正在被越来越许多的开发者所采用。CSS样式控制：通过CSS的max-width、 width: 100%等属性，Neng让图片在容器内自动缩放。

三、具体实现步骤

1. 设置背景图片

在wxml文件中添加如下代码：

注意此timg.jpg文件需放到同级目录内。

2. 设置CSS样式

        
            .bg-image {
                background-image: url;
                background-size: cover;
                background-position: center;
            }
        
    

3. 添加图片组件

在细小程序中，Neng通过添加图片组件来实现图片选取。下面是示例代码：

四、 注意事项

1. 图片格式

支持的格式包括jpg、png、gif、bmp；

2. 图片路径

是不是用了相对路径，得用绝对路径。

通过以上方法，我们Neng轻巧松实现细小程序的自习惯背景图片，让细小程序在各个设备上douNeng展示出美观的背景效果。希望这篇文章Neng对巨大家有所帮。