diff --git a/index.html b/index.html
index e860ab6..41013c9 100644
--- a/index.html
+++ b/index.html
@@ -2,6 +2,7 @@
+
中国亲戚关系计算器
diff --git a/style/index.css b/style/index.css
index 6730a96..326ea7a 100644
--- a/style/index.css
+++ b/style/index.css
@@ -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;
+ }
}
\ No newline at end of file