updated 移动版响应,优化体验
This commit is contained in:
@@ -29,6 +29,7 @@ a:hover{
|
||||
_width: 740px;
|
||||
}
|
||||
.container{
|
||||
padding: 0 15px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
@@ -50,7 +51,7 @@ a:hover{
|
||||
color:#212121;
|
||||
}
|
||||
.mod-panel .bd{
|
||||
width: 500px;
|
||||
max-width: 500px;
|
||||
margin:0 auto 20px;
|
||||
}
|
||||
.mod-panel .bd p{
|
||||
@@ -142,4 +143,23 @@ a:hover{
|
||||
}
|
||||
.mod-my p{
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
.mod-panel p span{
|
||||
margin-right: 0;
|
||||
}
|
||||
.mod-panel .btn{
|
||||
width: 80px;
|
||||
margin-bottom: 7px;
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
.mod-qrcode,.mod-my{
|
||||
position: static;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.mod-qrcode .box,.mod-my .box{
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user