Question

如何通过移动设备查看我的页脚图像？如现在所示，在iPhone上，页脚图像不居中。

#footer .secondary {
  background-image: url("http://driftcoffeehouse.com/test/wp- content/uploads/2014/02/footerbar.png");
  background-repeat: no-repeat;
  border-top: medium none;
  margin: -13px 0;
  padding: 30px 0 0;
}

Answer 1

这应该解决它。我将此background-position: top center;添加到#footer .secondary规则。

#footer .secondary {
  background-image: url("http://driftcoffeehouse.com/test/wp- content/uploads/2014/02/footerbar.png");
  background-repeat: no-repeat;
  border-top: medium none;
  margin: -13px 0;
  padding: 30px 0 0;
  background-position: top center;
}

为我工作。告诉我你是否遇到了问题。希望这有帮助，如果不是只是通过评论下面的答案给我发消息。：）

编辑：

Fiddle with the problem（尝试调整小提示窗格以查看问题。）

Fiddle without the problem.

那么有必要的东西来复制问题并展示解决方案。

移动中心页脚图像

1 个答案:

编辑：