小程序背景图片设置和图片自适应宽高

我们在开发过程中经常需要对一些元素设置图片为背景图片。本文介绍在小程序中怎样设置背景图片设置和图片自适应宽高。

网络图片：

.ServiceCenter{
  width: 100vw;height: 40vw;margin-top:0.5vw ;background: url('http://www.codeinn.net/image/ddpkxiaochengxuimg/serviceCenter01.png');
   background-size:100% 100%;
    -moz-background-size:100% 100%;
}

本地图片：

.ServiceCenter{
  width: 100vw;height: 40vw;margin-top:0.5vw ;background: url('../../images/ddpkxiaochengxuimg/serviceCenter01.png');
   background-size:100% 100%;
    -moz-background-size:100% 100%;
}

本地图片在生产环境，需要将url转换成base64的形式。