html - 图片/div 太大

Question

这张图片太大了，我想让它适合窗口的大小:http://zgaming.comxa.com

但是我不明白怎么办，我也试过高度和宽度100%

html

<div class="bgimg"><img src="http://zgaming.comxa.com/dist/img/bg.jpg"></img></div>

CSS

    .bgimg {
    position: absolute;
    top: 0;
    left: 0;
    z-index:-99;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

这个我也试过

.bgimg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index:-99;

}

.imgbg {
    position: absolute;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

这个答案 https://stackoverflow.com/a/43612299/7874902

有效，但在移动设备上底部有一些空白..

Answer 1

你应该设置

background-image: url("http://zgaming.comxa.com/dist/img/bg.jpg");

并尝试

background size: contain;

与封面一样，它可能会剪切图像的一部分。 检查这个:
w3schools.com/cssref/css3_pr_background-size.asp