Html 当我'；我正在调整网页的大小？

现在，当我调整背景图像的大小时，它不会扭曲图像的大小（这很好），但也不会裁剪它。例如，我的背景图像是页面顶部的横幅，左侧有一个图形。当我从左向右拖动窗口时，图形将保持其在屏幕左侧的位置。我希望图像（以及我所有的网站内容）被裁剪时，我调整图像的大小。（这样浏览器就不会试图将所有内容（包括页眉）放在现在更小的页面上。）

这是我的背景图像css代码

body {
background-image: url("images/header.jpg");
background-repeat: no-repeat;
margin: 0;
padding: 0; }

还要注意：我的所有内容都将集中在网页上——如果这有什么帮助的话

body {
background-image: url("images/header.jpg");
background-repeat: no-repeat;
margin: 0;
padding: 0;
background-size: cover; 
}

---

这里有一个JSFIDLE给您：）

欢迎使用堆栈溢出。您是否尝试过

背景尺寸：封面？别忘了供应商的前缀：）嗯，还没用。更新了我的答案。我有点困惑。如果您希望背景图像填满整个身体，请使用背景大小的封面。如果页面没有调整大小，只需将正文和html的宽度设置为100%。要使图像居中，请使用背景位置：居中；说真的，伙计？你偷了我的答案！这样做不会造成堆栈溢出。您好，非常感谢您的回答，但背景大小封面确实会使背景图像填满我的整个网页，这不是它的预期用途。@ww139-发生这种情况时，您不讨厌吗？？你总是可以@ww139这个答案在你的答案之前五分钟发布。我的评论在这个答案之前三分钟发布（关于这个问题）。我开始觉得stackoverflow对我的口味来说太有竞争力了。嗨，谢谢你的回答，但它没有起作用。它让这个小图像填满了我的整个网页。无论我是否使用供应商前缀，结果都是一样的。
body, html {
    width:100%;
    height:100%;
}

body {
    background-image:url("images/header.jpg");
    background-repeat:no-repeat;
    background-position:center center;
}