用于android浏览器和Firefox的css

Question

我使用的是Wordpress响应式主题，并想要一个固定的背景。

background-repeat: no-repeat;
background-position: top center; 
background-attachment: fixed;

如果我将背景更改为

，我发现该网站在Android浏览器和Dolphin中无法正确显示（仅查看背景，正文内容会短暂闪烁）

background-repeat: repeat;
background-position: top center;
background-attachment: scroll;  

并添加

html, body {
height: 100%;
}

这允许查看正文内容，但在Firefox（android）上，您无法向下滚动页面以查看所有内容。在其他浏览器上滚动很慢。 有没有办法使用固定的背景，在所有（大多数）手机浏览器上显示正常？ 谢谢。

Answer 1

您尝试过：

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

编码有点简短，以了解更多接下来会发生什么，在体内html结构和它的CSS