Question

我们的Magento网站上有一个背景图片，由于内容的数量而根据需要进行扩展。它适用于PC和（希望是Mac）。但在任何iOS设备上，都不会显示白色背景。

我已经包含了两个截图 - 一个是在常规PC浏览器中看起来如何，一个显示它在iPhone上的外观。（见截图的下一篇文章）

以下是我们的网站：http://tinyurl.com/arfpf7g

以下链接指向未在iOS设备上显示的图片：http://tinyurl.com/bcovmvg

谢谢！

Answer 1

问题是iOS对可以加载的图像的最大尺寸有限制。从内存来看，它是300万到500万像素，具体取决于设备。供参考，您的图像是9.78mp（978 x 10000）。

你的背景图片绝对没有理由那么大。它是171kb，大约10px后可重复。切出顶部，它可能是10px高，你可以使用background-repeat: repeat-y来实现相同的效果。然后只需将背景的顶部应用于另一个元素。

或者，可以使用框阴影和虚线边框在css中复制该背景图像。

CSS：

.outer {
  margin: 20px;
  width: 200px;
  box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.3);
  padding: 10px;
}

.inner {
  height: 200px;
  border: 1px dashed #bde432;
}

HTML：

<div class="outer">
  <div class="inner"></div>
</div>

演示：http://jsfiddle.net/WUpEF/

iPhone / iPad上无法显示背景图像

1 个答案: