html - 背景图像不会填满整个高度

我正在尝试使用Opera Mini网络浏览器获取图像（176x220像素）以填充翻盖手机的屏幕。蓝色图像的底部被剪掉或没有显示。有人能告诉我为什么会这样，以及如何解决它？感谢。

.vb {
    background-image: url('img/176x220.png');
    background-color: #cccccc;
    background-size: cover;
}

<!DOCTYPE html>
<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link href="assets/css/custom.css" rel="stylesheet">
    </head>

    <body class="vb">

    </body>
</html>

背景图像不会填满整个高度

0 个答案: