调整网站的大小

-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

调整网站的大小

回答

相关问题