CSS-拉伸的背景图片出现问题（Samsung Mobile）

Question

我不知道三星默认的“ Internet浏览器”是否基于另一个版本，但是它没有像台式机浏览器或移动版chrome那样正确显示拉伸的背景图像。

我正在使用此CSS和HTML

#bk_img {

    height:100%;
    min-height: 100%;
    min-width: 1024px;


    width: 100%;
    height: auto;

    position: fixed;
    top: 0;
    left: 0;
}


<img src="background.jpg" id="bk_img">

向下滚动时，背景图片下方会出现一个白色区域，大约30像素高。

Answer 1

height: auto; 将根据width:100%调整图像宽高比的大小。 可能您调整了图像的大小，但是由于您有滚动条，因此高度将根据宽度：100％和宽高比进行调整

Answer 2

可能是浏览器默认设置的边距或填充。 这行得通吗？：

#bk_img {
    height:100%;
    min-height: 100%;
    min-width: 1024px;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
}
html, body, img {
    margin: 0;
    padding: 0;
}

<img src="http://sublantic.net/forge/demos/img/code_canyon/scale.png" id="bk_img">

JSFiddle： http : //jsfiddle.net/5Q4U3/