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

时间:2014-02-11 11:14:52

标签: ios css iphone background-image

我在几年前做过的网站上遇到了一个问题。它重复了iOS的背景。 网址为writersadvice.co.uk

iPhone repeating background problem

我自己没有iPhone,也无法使用iOS模拟器在我的macbook上工作,但如果有人有任何想法,那么我会搜索到并且到目前为止找不到任何线索会很棒。

由于

1 个答案:

答案 0 :(得分: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;
  }
}

但它不漂亮,我真的花了几分钟重写一些可能的东西;)