设置背景图像而不使用CSS放大

Question

我正在尝试为应用程序设置背景图像，但是，图像会放大而不是整齐地覆盖页面。如何使图像适合网站的大小。

代码如下： Dictionary a; std::ifstream testFile; testFile.open("simple-dict.txt"); Dictionary b(testFile);

Answer 1

background-size: cover;

来自https://developer.mozilla.org/en-US/docs/Web/CSS/background-size

  

＆＃34;与contains相反的关键字。尽可能大地缩放图像并保持图像宽高比（图像不会被压扁）。图像＆＃34;覆盖＆＃34;容器的整个宽度或高度。当图像和容器具有不同的尺寸时，图像会被左/右或上/下剪裁。＆＃34;

＆＃13;

＆＃13;

body {
  background: url(http://www.1zoom.net/big2/155/323865-alexfas01.jpg) no-repeat top right;
  background-size: cover;
}

＆＃13;

＆＃13;

＆＃13;