Html 缩小时背景图像的解决方案

我有一个PSD模板将其转换为HTML。当我缩小浏览器时，如何处理背景食物图像（图像上突出显示的红色）？总宽度为1300px，容器为1000px。最好的方法是什么？我重复一遍吗？怎么用？你会怎么做？多谢各位

请尝试以下方法：

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

---

基本上，你可以通过两种方法来完成

使用3个不同的分区进行计算

主集装箱到了

尝试使用上面用户Satya给出的方法

html,body{ background:#333333 url(../img/bg/bg3.jpg) no-repeat center center; background-size: cover; } html，正文{ 背景：#333333 url（../img/bg/bg3.jpg）无重复中心； 背景尺寸：封面； }

---

你说的缩小是什么意思？Ctrl--？或者调整浏览器的大小？很抱歉不明确。我是说Ctrl--。