Question

尝试在我的website中获取背景图片，以便在iPad /平板电脑上扩展100％的宽度......

我已经实现了以下似乎对其他人有用的东西，但不适合我！

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

CSS：

img { max-width: 100%; }


/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
}

我有一种感觉，它可能与我正在使用的视差脚本中出现的下面有关，但如果我删除它然后它打破了视差效果和图像只是滑动，甚至没有缩放桌面。

    $bgobj.css({ 
 backgroundPosition: coords,
 '-webkit-background-size': 'cover',
 '-moz-background-size': 'cover',
 '-o-background-size': 'cover',
 'background-size': 'cover'

有人有任何想法可以提供帮助吗？

Answer 1

我遇到了同样的问题并且一直在讨论这个问题，所以也许我的回答可能对其他人有帮助。

background-attachment:scroll;

在css中，div的背景图像没有缩放问题。

视差背景图像无法缩放为iPad

1 个答案: