我已经在Stretch和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移动:当我滚动有半秒的延迟,然后背景跳跃。但是背景只填充了大约80%的高度,所以在屏幕的顶部或底部有一个白色的块。(这是"低z指数"的解决方案;css3的背景尺寸解决方案在opera mobile上根本不起作用
你试过css中的media属性吗?
这是链接
CSS3 Media Queries
你可以根据屏幕分辨率使用不同的CSS