Background:cover 截断图像

Question

晚上好，

我有点卡在我正在做的项目上...

this site的header中的图片，当缩小屏幕时，图片没有反应，只是右手边被截断了。

任何人都可以帮助告诉我我缺少什么吗？提前致谢:-)

Answer 1

如果您不希望图像被截断，请使用 100% 背景大小，但它会拉伸图像：

div{
  background: url(path.jpg) no-repeat;
  background-size: 100% 100%;//but using cover would be better to look
}