調整網站的大小

-3

我想調整ny網頁，以適應每個屏幕像一個正常的網頁......但我無法設法解決它。調整網站的大小

這裏是我的CSS代碼：

body { 
height: 100%; 
width: 100%; 
margin: 0 auto; 
min-width: 600px; 
max-width: 1200%; 
} 

.align { 
text-align:center; 
line-height:90px; 
} 

.header { 
margin: 0 auto; 
height: 55px; 
background-color: #151515; /* layer fill content */ 
background-clip: padding-box; /* prevents bg color from leaking outside the border */ 
} 

.loginBtn{ 
margin-left: 1075px; 
margin-top:10px; 
width: 115px; 
height: 36px; 
} 

.logo { 
margin-left: 30px; 
margin-top:-53px; 
width: 140px; 
height: 140px; 
} 

#bg { 
position: fixed; 
top: -1px; 
left: 0; 
min-width: 100%; 
min-height: 100%; 
} 

.hand{ 
position: fixed; 
margin-left: -165px; 
margin-top:-2px;  
height:300px; 
} 

.wrapper { 
position: relative; 
margin: 0 auto; 
max-width:1200px; 
} 

#footer{ 
position:absolute; 
bottom:0; 
background-color: #efeeee; /* layer fill content */ 
border-top: 1px #bebebe solid; 
width:100%; 
height:60px; /* Height of the footer */ 
background:#EFEEEE; 
color: #7d7d7d; /* text color */ 
font-family: "Arial"; 
font-size: 13px; 
text-align:center; 
line-height:60px; 
}

來源

2013-06-24 Yosi Dahan

你的意思是調整和重新安排的內容以適合所有屏幕尺寸，iPhone手機和平板電腦等 – Adam

您需要提供更多的細節，並在你可以期待一個迴應之前。此外，如果您還沒有 - http://twitter.github.com/bootstrap/ – JohnP

「網頁以適合每個屏幕，就像正常網頁一樣，您應該查看像Twitter引導程序這樣的項目」這甚至意味着什麼？ – Shoe

您將需要調查@media查詢。

你也可以在你的HTML文件的頂部放置：

<meta name="viewport" content="width=device-width, initial-scale=1">

來源

2013-06-24 15:38:47 jeff

調整網站的大小

回答

相關問題