2013-02-18 200 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; } 

例如在我的分辨率導航欄是細而在其他決議其放錯地方。有什麼錯誤嗎?我想念什麼?提前致謝。

回答