From e3bb6dc0ade4701606c7ac56500794912c5432b1 Mon Sep 17 00:00:00 2001 From: mumuy Date: Fri, 26 Jan 2018 08:17:13 +0800 Subject: [PATCH] =?UTF-8?q?updated=20=E7=A7=BB=E5=8A=A8=E7=89=88=E5=93=8D?= =?UTF-8?q?=E5=BA=94=EF=BC=8C=E4=BC=98=E5=8C=96=E4=BD=93=E9=AA=8C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 1 + style/index.css | 22 +++++++++++++++++++++- 2 files changed, 22 insertions(+), 1 deletion(-) 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