Question

我的自适应背景适用于PC Safari，Chrome，Firefox，Opera。它在Android上的Firefox中也可以正常工作。但是在Android上的Chrome中，我得到了类似的内容：

你知道如何解决它吗？我希望它也能在Android Chrome上全屏显示。我已经尝试了一切......

CSS和HTML代码：

＆＃13;

.background {
    background-image: url("images/bgsky2.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 100%;
}

＆＃13;

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body class="background">

</body>
</html>

＆＃13;

Answer 1

多年前报道了这个问题！

看到这个链接会有所帮助：

http://code.google.com/p/android/issues/detail?id=3301

我记得这段代码帮助了我：

    html{
 height:100%;
 min-height:100%;
}
body{
 min-height:100%;
}

Answer 2

试试这个：

   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;
    }

HTML / CSS - 响应式背景仅适用于Android - Chrome

2 个答案: