CSS 背景图片超出比例

Question

我想将一张图片作为网站的背景。于是在网上找了一些资料。但它超出了规模。底部。如何使图像适合屏幕而不超出范围？

body,
html {
    min-height:100%; 
}

body {
    background-image:url("hanted.jpg");
    background-size: 100%;

}

Answer 1

background-size需要两个值，所以应该是background-size: 100% 100%;（宽度和高度）

编辑：为了我回答的一般正确性，它实际上并不要求两个值是正确的语法，但如果你只设置了一个高度自动。 https://developer.mozilla.org/en-US/docs/Web/CSS/background-size

Answer 2

您可以使用 CSS3 前缀。尝试这样的事情：

html { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

CSS 背景图片超出比例

CSS background image gets out of scale

css

background-image