鍍金池/ 問答/HTML/ 關(guān)于移動端圖片自適應(yīng)出現(xiàn)白邊問題

關(guān)于移動端圖片自適應(yīng)出現(xiàn)白邊問題

這個頁面主要在手機上使用，下面總是會出現(xiàn)一塊白色區(qū)域，怎么都去不掉，請問是什么原因呢？

圖片描述

html部分

<body>
  <div class="wrap">
    <img src="img/background.gif" alt="" />
        <div class="btn">
            <a href="">
                <img class="download" src="img/download.png" alt="" />
            </a>
        </div>
    </div>
</body>

css部分

*{padding:0;margin:0}

img{
    vertical-align: middle;
}

body{
    position:relative;
}

.wrap{
    height:100%;
    min-width:320px;
    max-width:640px;
    margin:0 auto;
}

img{
    width:100%;
    height:100%;
}

.btn{
    width:40%;
    position:absolute;
    left:30%;
    bottom:3%;
}
回答
編輯回答
墨染殤
body,html{height:100%}

body沒有設(shè)置高度，子元素是拿不到高度的。

當(dāng)然還有其他一些方案，如100vh

2018年5月7日 19:30