HTML / CSS - 响应式背景仅适用于Android - Chrome
[英]HTML/CSS - responsive background doesn't work only on Android - Chrome
问题描述
My responsive background works well on PC Safari, Chrome, Firefox, Opera. 
我的响应背景适用于PC Safari，Chrome，Firefox，Opera。 It works as well in Firefox on Android. 它在Android上的Firefox中也可以正常工作。 But in Chrome on Android I'm getting something like this: 但是在Android上的Chrome中我得到的是这样的：
Do you have any idea how to fix it? 你知道怎么解决它吗？ I want it to be fullscreen on Android Chrome too. 我希望它也能在Android Chrome上全屏显示。 I've tried everything... 我试过一切......
CSS and HTML code: 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>
2 个解决方案
解决方案1
2 已采纳 2016-09-01 18:10:42
This issue was reported meny years ago ! 多年前报道了这个问题！
See this link will help : 看到此链接将有所帮助：
http://code.google.com/p/android/issues/detail?id=3301 http://code.google.com/p/android/issues/detail?id=3301
And i remember this code helped me : 我记得这段代码帮助了我：
html{
height:100%;
min-height:100%;
}
body{
min-height:100%;
}
解决方案2
1 2016-09-01 18:00:18
Try this: 尝试这个：
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;
}
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.