2013-02-18 161 views
0

我对所有内容都使用%,所以我的网站在所有屏幕分辨率下都是一样的。然而,内容的位置是错位的,并且从分辨率到分辨率,从浏览器到浏览器都有所不同。我注意到并且可能与问题有关的一件事是背景图像不会对缩放做出反应。但内容反应。网站分辨率问题

html {height:200%;宽度:100%;}

body { min-width:99%; 身高:100%; margin:0; 填充:0; 颜色:#969696; background-color:black; text-align:center; font-family:Arial; font-size:100%; }

容器{

position: relative; 
height: 100%; 
margin: auto; 
width: 85%; 
text-align: center; 
border: 1px solid red; 
background-image: url('images/bgmain.png'); 
background-repeat: no-repeat; 
background-size: 100% 100%; 
overflow: hidden; } 

导航栏{

position: relative; 
min-height: 2%; 
margin-top: 21%; 
margin-left: 2%; 
padding: 0 auto; 
width: 95%; 
text-align: center; 
overflow: hidden; } 

例如在我的分辨率导航栏是细而在其他决议其放错地方。有什么错误吗?我想念什么?提前致谢。

回答