Html 浏览器调整大小时英雄图像倾斜

我在我的主页上放置了一个1200px 900px的英雄形象。问题是当我调整浏览器大小时，它会倾斜。我试过在100%的情况下使用px、%，高度和宽度，但似乎没有任何效果。有什么想法吗

Html:

我的网站地址是感谢Adolfo

请使用下面的CSS作为#英雄形象{}

#heroimage {
  background-image: url("/../assets/img/heroVector.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

请为#英雄形象{}使用下面的CSS

#heroimage {
  background-image: url("/../assets/img/heroVector.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

---

您的

背景大小：100%100%规则覆盖
背景尺寸：封面行，并强制背景图像弯曲到div的形状。因此，要么只需坚持
背景大小：cover，或从另一个中选择一个。
您的
背景大小：100%100%规则覆盖
背景尺寸：封面行，并强制背景图像弯曲到div的形状。因此，要么只需坚持
背景大小：cover，或从中选择一个。
我忘记将更改推送到我的网站。你能再检查一下吗？我忘了把更改推到我的网站上。请你再查一下好吗？
#heroimage {
  background-image: url("/../assets/img/heroVector.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}