我已经在Stretch and scale CSS background(以及http://css-tricks.com/3458-perfect-full-page-background-image/)尝试了答案,它在 Firefox 和 Chrome 中运行良好,但两种方法在 Android 浏览器中失败。这两种技术都以同样的方式失败:当我向下滚动时,背景会留在后面,所以我最终会得到一个白色的背景。(您可以通过在Android浏览器中查看此页面来查看问题:http: //css-tricks.com/examples/FullPageBackgroundImage/progressive.php)
当我开始滚动时,背景会发生初始跳跃;我认为这与位置框不再可见(即浏览器窗口大小增加)有关。
将手机从横向转为纵向时的行为基本相同;在上面的示例 URL 上更难看到,因为在该示例中背景将几乎填满高度。当文本较长时,它以相同的方式中断。
Android 2.2.1 版本,内置webkit 浏览器。
行为是不同的,但同样是错误的,Opera mobile:当我滚动时,会有半秒的延迟,然后背景会跳转。但背景也只占高度的 80%,所以屏幕顶部或底部有一个白色块。(这是“较低 z-index 上的 img”解决方案;css3 background-size 解决方案在 opera mobile 上根本不起作用。)