3

在移动设备（尤其是 iPhone）上查看网站时，我的背景图片无法正确显示。我可以在那里看到它只是不在正确的位置。我附上了一个图片链接，显示了背景是如何呈现的，以及一个指向该网站的链接。

如果有人有解决此问题的答案，我将非常感谢任何建议。

提前致谢。

http://mikedemar.com/weightloss4youth/bgissue

http://mikedemar.com/weightloss4youth/index.html

4

3 回答 3

1

也许试试这个：

html { 
        background: url(images/bg.jpg) no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

您可以在以下位置查看其他方法：http ://css-tricks.com/perfect-full-page-background-image/

于 2012-08-28T18:22:03.767 回答
1

我的一个朋友建议我删除“width=device-width”并将背景大小设置为 2560px 1440px。这是完美的工作。见链接。

http://mikedemar.com/weightloss4youth/index.html

于 2012-08-29T12:51:49.833 回答
0

试试这个

<meta name="viewport" content="width=device-width, initial-scale=1.0" />
于 2012-08-28T17:50:40.453 回答