Question

感谢您的帮助。我是网络开发的新手，我在我的网站上遇到了一个奇怪的问题。 http://bit.ly/1nnzqeB

似乎是它背后的图像应该缩放以适应该部分，而不是它现在正在做的事情。我已经被困了好几个小时了，我觉得这可能是一件很愚蠢的事情，所以我正在向专家们伸出援助之手。请帮忙！

Answer 1

嗯，我猜你想要这个图像缩放并适合整个水平空白区域。 http://codesilver.us/wp-content/themes/SVG/img/slide1-1.jpg

查看代码后，您的.container需要100％宽度

.container {
  width: 100%;
}

在我应用此修复程序后，它似乎可以正常工作，您可能需要整体清理div结构，但这是一个不同的对话。

<强>更新要重新调整大小，可以使用css cover属性为background-size：cover;这样可以确保图像覆盖整个div，并垂直和水平对齐图像。

newheader {
  /* background-size: 100px 100px; */
  background: url("../img/slide1-1.jpg") no-repeat scroll center center;
  margin-top: 5%;

  /*background-size*/
  -moz-background-size:cover;
  background-size:cover;


}

Answer 2

假设这实际上是你想要的样子，做两件事：

从.newheader类

background-size: 100px 100px;

将width: 100%;添加到同一个班级

背景图像没有调整到部分宽度

2 个答案: