Css 背景图像大小赢得'；不要保持100%的高度

到目前为止，我已经了解了我新网站的背景，现在我被卡住了，如果缩小浏览器窗口，背景图像的高度将小于100%

我希望它保持全尺寸，如果你缩小它，我不希望高度低于100%（显示白色）

此处的代码使用：

body {margin: 0; padding: 0}

---

并将“背景大小”属性设置为“封面”：

您可以使用以下代码：

html or .classname { 
  background: url(ImageUrlhere) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
}

---

在你的代码中，你没有定义图像的高度，给它一个100%的高度，它可以工作。我在我的浏览器中尝试过，效果很好。解决方案取决于你的需要-一种方法是在css中指定最小宽度和最小高度属性，而不是纯宽度。由于它将缩放到所需的大小，然后将其固定在左上角（请注意，右侧的任何“溢出”都将被切断）

资料来源：

您的问题的详细说明： 如果将图像设置为其容器的100%宽度，但未指定高度，则图像将始终拉伸，直到填满容器，同时缩放高度以保持图像的纵横比

例如：拍摄一张200px 100px大的图像，将其放入一个300px宽的容器中，宽度设置为100%。它将按300/200=1.5的因子沿两个维度进行缩放，从而生成大小为300px x 150px的图像。 如果图像的纵横比与用户屏幕的纵横比不同，会发生什么情况？它将简单地拉伸到全宽，然后将其余部分留空。设置高度也会带来更多问题，因为图像会失真。

HTML:

body { 
  margin:0;
  background: url(image.gif) no-repeat; 
  padding: 0;
}

---

然后背景大小将为100%

否，关键是如果你将浏览器窗口缩小到如此之小，图像的高度将小于100%并显示为白色，我希望它保持覆盖。你真的希望它覆盖整个屏幕吗？如果是这样的话，你需要使用背景尺寸：cover.yes可能是这样，但这些是滑块图像和img标记而不是背景标记：-（删除img标记，并将图像作为滑块的背景：）请编辑你的问题并在此处发布你的代码。如果你在那个链接上修改代码，这个问题对整个社区来说都是无用的。每当我把“无重复中心”放在“中心修复”位置时，图像就不在那里了，因为你需要高度：）为它们添加高度：）我在css@Lee你的链接似乎不起作用