0

我已经在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 上根本不起作用。)

4

1 回答 1

0

你试过css中的媒体属性吗?

她的链接

CSS3 媒体查询

您可以根据屏幕分辨率使用不同的 CSS

于 2011-10-18T04:53:30.967 回答