css背景问题，急等~~~~~~~~~~~求助！！！！！

[sess520]

最近弄一个微信浏览器的页面，给body一个背景图，css如下，但是测试发现，在苹果系统是正常的，而安卓系统却不正常，这是为什么呢？？有谁知道的吗？急！！！！

body{margin:0;padding:0;width:100%;height:100%;background-image:url(images/b1.jpg);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;background-size:100% 100%;filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
-moz-background-size:100% 100%;}

我也加了：
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />

有谁知道吗？？

[滴滴月空雨]

如果想实现图片全部显示，等比缩小图片来适应元素尺寸；background-size:contain

[打字员]

如果你想用一張圖片占滿瀏覽器窗口，而且圖片還要完全顯示，那只能針對不同分辨率來做出不同尺寸的背景圖 如果只用占滿全屏，圖片可以不用完全顯示，那麼需要 html,body{width:100%;height:100%;} body{background:url(....) center top no-repeat;background-size:cover;}

[滴滴月空雨]

body{width:100%; height:auto;background:url(images/b1.jpg) no-repeat; background-size:cover;}这样就是可以的！

[sess520]

引用 1 楼 liyuedan 的回复:

body{width:100%; height:auto;background:url(images/b1.jpg) no-repeat; background-size:cover;}这样就是可以的！

按照你的试了一下，还是存在一些问题，没有自适应显示完全，只是显示了上面一大部分，下面的一小部分隐藏了