html 学习之 背景图不撑开的问题

这几天在做一个小页面，需要放背景图片，body的css样式如下：

body{
    margin: 0px;
    padding: 0px;
    width:100%;
    height: 100%;
    opacity: 0.4;
    background: url(images/register_back.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    }

设置了背景图片和不重复，尺寸也设置了100%，但是在这种情况下，安卓和苹果手机都没有铺满全屏，对了这个背景图的分辨率是750*1206 

ios下：

下方有一大空白区域

android手机：

下面也有一大段空白，

如果再加一句：background-attachment: fixed; 后，ios 的可以铺满，但是android的还是铺不满，需要把background-size: 100% 100%; 改为

background-size: cover; 之后ios和android都会铺满