我如何讓我的CSS工作的屏幕分辨率？

Question

目前我的css將在一個分辨率上工作，然後當我嘗試使用不同分辨率的屏幕編輯它時，它會改變它，看起來不一樣。我添加了一個包裝div，但它仍然在做，有人能幫我看看我做錯了什麼嗎？任何建議將非常感謝！

這裏是我的CSS全：

#Wrapper {height: 100%; 
width: 90%; 
margin-right: auto; 
margin-bottom: 1%; 
margin-left: auto;} 

#Title_Background {background: #3399FF; 
position: absolute; 
height: 15%; 
width: 98%; 
top: 0px; 
left: 0px; 
margin-right: 1%; 
margin-left: 1%; 
border-radius: 10px;} 

#Title h1 {font-family: Arial; 
font-size: 24px; 
color: black; 
position: relative; 
text-align: center; 
top: 20px;} 

#img1 {position: absolute; 
height: 2%; 
width: 4%; 
top: 22px; 
left: 51px;} 

#LeftNav {background: #3399FF; 
position: absolute; 
float: left; 
clear: left; 
height: 82%; 
width: 9%; 
top: 16%; 
left: 0px; 
border-radius: 10px; 
margin: 1%;} 

#LeftNav p {font-family: Arial; 
font-size: 18px; 
text-align: center; 
padding: 10px; 
margin-top: 90px; 
margin-right: 1%; 
margin-left: 1%; 
position: relative; 
border: 3px solid #000000; 
border-style: outset;} 

.Inset p {position: relative; 
border: 3px solid #000000; 
border-style: inset !important;} 

.Content {background: yellow; 
position: absolute; 
height: 60%; 
width: 72%; 
top: 250px; 
left: 14%; 
margin: 0 auto;} 

.Content p {font-family: Arial; 
font-size: 20px; 
top: 200px; 
text-align: center;} 

#RightNav {background: #3399FF; 
position: absolute; 
float: right; 
clear: right; 
height: 82%; 
width: 9%; 
top: 16%; 
right: 0px; 
border-radius: 10px; 
margin: 1%;} 

Answer 1

我認爲你可能要考慮「響應式設計」 這裏是一個文章： http://thinkvitamin.com/design/beginners-guide-to-responsive-web-design/ 並且你可以通過谷歌，ECT得到更多的。

簡短摘要：結合使用一些技巧，您可以使您的網頁適用於各種分辨率。

@media標記可以幫助您定位某些分辨率或範圍，並調整大小或更改內容以適合您的需要。