Question

在移动设备（特别是iPhone）上查看网站时，我的背景图像无法正常显示。我可以在那里看到它不在正确的地方。我附加了一个图像链接，显示了背景的呈现方式以及指向该网站的链接。

如果有人有解决这个问题的答案，我真的很感激任何建议。

提前致谢。

http://mikedemar.com/weightloss4youth/bgissue

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

Answer 1

我的一位朋友建议我删除“width = device-width”并将background-size设置为2560px 1440px。这很完美。见链接。

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

Answer 2

试试这个

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

Answer 3

也许试试这个：

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/

查看其他方法

CSS背景没有出现在手机上

3 个答案: