怎么使背景图片自适应不同的设备

五千万得主

在一个div上用bing-style：{backgroundImage: $model.transURL('./img/bg_.jpg')}设置了背景图片，但放到任何设备上都是按背景图片的实际尺寸来展示的，不能随屏幕大自适应。请问这个div要怎么设置才能做到？或者有没有其他方法可以实现这样的呢？谢谢各位

liangyongfei

设置宽度高度100%即可！

五千万得主

liangyongfei 发表于 2015-9-6 11:25
设置宽度高度100%即可！

这样子的话在比较大的设备屏幕上会把小图片重复显示，像平铺的效果··设置成no-repeat又变成不能100%显示了。在小设备上还是显示一部分背景图不能跟着屏幕缩小

liangyongfei

五千万得主 发表于 2015-9-6 16:11
这样子的话在比较大的设备屏幕上会把小图片重复显示，像平铺的效果··设置成no-repeat又变成不能100%显 ...

参考：/UI2/portal/sample/main/main.w
这里面有图片背景设置，我看是自适应的！

五千万得主

结贴了。只要在css里面对div或者content设置背景图片就可以。background:url("./img/MainPage.jpg") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);

lwlw

<ul xid="listTemplateUl3" class="x-list-template" >
          <li xid="li4" class="text-center x-block" bind-click="liClick">         
           
           <div xid="div1" style="background-image:url('$model.getImageUrl(val('fImg'))');width:200px;height:200px;">asdwsadwasd</div>
            
          </li>
        </ul>

在<li>  标签中 加载div   div 背景根据$model.getImageUrl(val('fImg')) 给地址，  这里怎么写