HTML / CSS - 響應式背景僅適用於Android - Chrome

Question

我的響應背景適用於PC Safari，Chrome，Firefox，Opera。 它在Android上的Firefox中也可以正常工作。 但是在Android上的Chrome中我得到的是這樣的：

你知道怎么解決它嗎？ 我希望它也能在Android Chrome上全屏顯示。 我試過一切......

CSS和HTML代碼：

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

 <!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>

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 個解決方案

解決方案1
2 已采納 2016-09-01 18:10:42

解決方案2
1 2016-09-01 18:00:18

HTML / CSS - 響應式背景僅適用於Android - Chrome

問題描述

2 個解決方案

解決方案1 2 已采納 2016-09-01 18:10:42

解決方案2 1 2016-09-01 18:00:18

解決方案1
2 已采納 2016-09-01 18:10:42

解決方案2
1 2016-09-01 18:00:18