0

我遇到了一个问题,我要做的几乎就是让我的背景图像保持锚定并保持相同的大小和位置,无论用户分辨率有多大。

我现在拥有的:

#navigator {
    background-image: url('banner.png');
    background-repeat:no-repeat;
    background-position:top-center;

}

提前致谢!

4

3 回答 3

0

您将想要了解元视口选项。我一直使用的一个是target-densitydpi,这是特定于 Android 的。 <meta name="viewport" content="target-densitydpi=device-dpi" />

于 2013-04-20T02:39:47.073 回答
0

试试这个,它对我有用,

html, body, <or your div>
 {
    background-image:url("fdkljg.kdf");
    background-size:100%;
    background-repeat:no-repeat;
    top:0px;
    left:0px;
    right:0px;
}

如果这不起作用,请尝试将“背景位置”属性设置为居中或左侧。完成代码后,尝试放大和缩小网页以模拟屏幕分辨率。

于 2013-04-20T02:41:13.247 回答
0

你的意思是background-size

#navigator {
    background-image: url('banner.png');
    background-repeat:no-repeat;
    background-position:top-center;
    background-size: 200pt 300pt;
}

(来自http://www.w3schools.com/cssref/css3_pr_background-size.asp

它适用于大多数与 CSS3 兼容的现代浏览器。

于 2013-04-20T02:20:31.103 回答