Question

我正在尝试调整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;
}

Answer 1

您需要调查@media查询。

您也可以放在html文件的顶部：

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

调整网站大小

1 个答案: