updated 移动版响应,优化体验
This commit is contained in:
parent
2b3281b9fb
commit
e3bb6dc0ad
@ -2,6 +2,7 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8"/>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
|
||||
<title>中国亲戚关系计算器</title>
|
||||
<meta name="keywords" content="家庭称谓,亲戚关系计算器,称呼计算器,关系算法,親戚關係稱呼">
|
||||
<meta name="description" content="一款最全面的中国亲戚关系计算器,走亲访友,逢年过节必备神器。它避免了叫错、不会叫亲戚的尴尬,人人必备亲戚关系工具。">
|
||||
|
@ -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{
|
||||
@ -143,3 +144,22 @@ 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;
|
||||
}
|
||||
}
|
Loading…
x
Reference in New Issue
Block a user