ios - 设置为不重复时在 iOS 中重复背景

Question

我在几年前创建的网站上遇到了问题。它重复 iOS 上的背景。网址是 writersadvice.co.uk

我自己没有 iPhone，也无法在我的 macbook 上运行 iOS 模拟器，但如果有人有任何想法，那就太好了，因为我已经搜索过，但到目前为止还没有找到任何线索。

谢谢

Answer 1

我刚刚在 iPad 上复制了您的网站，它确实加载了双背景，通过 PC 上的 Safari 打开以查看它是否也发生了，但没有成功。一个疯狂的猜测是它是视网膜与普通屏幕，它恰好是。

一个快速的解决方法是将以下内容添加到您的 CSS，在所有其他后台调用的下方:

@media screen and (-webkit-min-device-pixel-ratio:2){
  .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
      background-size: 1988px 20000px;
  }
}

但它并不漂亮，如果可能的话，我真的会花几分钟重写一些 ;)