CSS背景和文本对齐

Question

我正在尝试使用图片制作CSS背景，但我在某处失败了。问题是，当我在页面上放置大量内容时，图片会变大，质量会下降。我尝试用Position修复它：固定但不工作。这是代码：

html{
background:url(BACKGROUND.jpg) no-repeat center center;
min-height:100%;
background-size:cover;
}

此外，我尝试在代码中添加text-align：justify，但也没有成功。我弄得很糟糕。很想得到一些帮助！

Answer 1

Cover make :

  

将背景图像缩放到尽可能大，以使背景区域完全被背景图像覆盖。背景图像的某些部分可能不在背景定位区域中的视野中

您应该使用contain代替

Answer 2

试试

background-size: contain;

因为＆＃34;覆盖＆＃34;意味着＆＃34;使它覆盖整个盒子。

Answer 3

您可以改变背景大小，如50％或60％

html{
background:url(BACKGROUND.jpg) no-repeat center center;
min-height:100%;
background-size:50% 40%;
}

Answer 4

＆＃13;

＆＃13;

background:url(BACKGROUND.jpg) no-repeat center center;
min-height:600px;/*use images height*/
height:auto;
width:1000px;
background-size:100% 40%;

＆＃13;

＆＃13;

＆＃13;