背景图像缩放

Question

我有一个问题，几乎我想要做的是让我的背景图像保持锚定并保持相同的大小和位置，不管用户分辨率有多大。

我现在拥有的一切：

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

}提前

谢谢！

Answer 1

你的意思是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最现代的浏览器。

Answer 2

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

Answer 3

试试这个，它为我工作，

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

，如果还是不行，请尝试“背景位置”属性中心或离开。 并且一旦完成了代码，请尝试缩放网页以模拟屏幕分辨率。