如何获取背景以显示全图

Question

我试图让背景图片，以显示完整的图片，无论浏览器的大小。当我使浏览器全屏时，它会切断背景图像。

我已经摆弄了高度和背景尺寸。

html, body{
  height: 100%;
}
body{
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  background: url(https://66.media.tumblr.com/838ffe3b51b82759591aafe1ad820f47/tumblr_pexmxzbbjQ1ukgu7do1_1280.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: ;
}

预期的结果背景总是显示完整的图片，无论浏览器大小。全屏时实际效果背景截取图片短片。我需要看到完整的灯泡。

Answer 1

或者，可以将宽度和高度设置为100%：

html, body{
  height: 100%;
};

body{
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  background: url(https://66.media.tumblr.com/838ffe3b51b82759591aafe1ad820f47/tumblr_pexmxzbbjQ1ukgu7do1_1280.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
};