-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;
}
你的意思是調整和重新安排的內容以適合所有屏幕尺寸,iPhone手機和平板電腦等 – Adam
您需要提供更多的細節,並在你可以期待一個迴應之前。此外,如果您還沒有 - http://twitter.github.com/bootstrap/ – JohnP
「網頁以適合每個屏幕,就像正常網頁一樣,您應該查看像Twitter引導程序這樣的項目」這甚至意味着什麼? – Shoe