Question

首先，我想说我找到了这个帖子："background-size: cover" does not cover mobile screen 我已经阅读了该主题中的回复并尝试了它们，但无济于事。

以下是该网站的浏览器版本： http://i.imgur.com/dmNWq.jpg
这是移动版本的样子： http://i.imgur.com/KGJ8247.png
（请耐心等待我，因为我的代表不能发布图片。）

相关CSS：

.splash {
  z-index: 1;
  list-style: none;
  margin: 0px;
  padding: 0px;
  background: url('../assets/splash.png') no-repeat center center fixed;
  background-color: #159957;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: 100%;
  min-height: 100%;
}

基本上问题是图像在移动设备上无法正确调整大小，即使使用了正确的覆盖。我不知道要走哪条路，任何帮助都会受到赞赏！

Answer 1

而不是：

background: url("../assets/splash.png") no-repeat fixed center center / cover;

你应该使用：

error

为什么？

因为根据W3，如果要在速记语法中包含背景大小值，则需要：

明确包含背景位置值，即使它们与默认值相同（参见上文）。

在背景大小值之前写入背景位置值。

在这两对值之间加上斜线，因为没有它我们无法区分哪个值是哪个

移动背景大小无法正常使用[html / css]

1 个答案: