updated 移动版响应,优化体验

This commit is contained in:
mumuy 2018-01-26 08:17:13 +08:00
parent 2b3281b9fb
commit e3bb6dc0ad
2 changed files with 22 additions and 1 deletions

View File

@ -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="一款最全面的中国亲戚关系计算器,走亲访友,逢年过节必备神器。它避免了叫错、不会叫亲戚的尴尬,人人必备亲戚关系工具。">

View File

@ -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;
}
}