背景总是填充浏览器窗口,即使在移动浏览器上也是如此



我已经在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

最新更新