From c2b0cbca8f863b4330a49d3a812a3762917337e6 Mon Sep 17 00:00:00 2001
From: wentch <22250530@qq.com>
Date: Sat, 9 Jan 2016 10:11:35 +0800
Subject: [PATCH]

---
 redkale.html               |  2 +-
 stylesheets/stylesheet.css | 23 +++++++++++++++++++----
 2 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/redkale.html b/redkale.html
index bf8574138..19e413e52 100644
--- a/redkale.html
+++ b/redkale.html
@@ -361,7 +361,7 @@
 <span class="c">           当Server为HTTP协议时, request节点才有效。</span>
 <span class="c">           remoteaddr 节点: 替换请求方节点的IP地址， 通常请求方是由nginx等web静态服务器转发过的则需要配置该节点。</span>
 <span class="c">           且value值只能是以request.headers.开头，表示从request.headers中获取对应的header值。</span>
-<span class="c">           例如下面例子获取request.getRemoteAddr()值，如果header存在X-RemoteAddress值则返回X-RemoteAddress值，不存在返回request.getRemoteAddress()。</span>
+<span class="c">           例如下面例子获取request.getRemoteAddr()值，若header存在X-RemoteAddress值则返回X-RemoteAddress值，否则返回getRemoteAddress()。</span>
 <span class="c">        --&gt;</span>
         <span class="nt">&lt;request&gt;</span>
             <span class="nt">&lt;remoteaddr</span> <span class="na">value=</span><span class="s">&quot;request.headers.X-RemoteAddress&quot;</span><span class="nt">/&gt;</span>
diff --git a/stylesheets/stylesheet.css b/stylesheets/stylesheet.css
index 93df1dca2..6b17e2404 100644
--- a/stylesheets/stylesheet.css
+++ b/stylesheets/stylesheet.css
@@ -43,12 +43,18 @@ a:hover {
     border-color: rgba(255, 255, 255, 0.3);
 }
 
-@media screen and (min-width: 64em) {
+@media screen and (min-width: 80em) {
     .btn {
         padding: 0.75rem 1rem;
     }
 }
 
+@media screen and (min-width: 42em) and (max-width: 80em) {
+    .btn {
+        padding: 0.6rem 0.9rem;
+    }
+}
+
 @media screen and (min-width: 42em) and (max-width: 64em) {
     .btn {
         padding: 0.6rem 0.9rem;
@@ -128,14 +134,14 @@ a:hover {
     opacity: 0.7;
 }
 
-@media screen and (min-width: 81em) {
+@media screen and (min-width: 79em) {
     .project-tagline {
         display: none;
         font-size: 1.25rem;
     }
 }
 
-@media screen and (min-width: 64em) and (max-width: 80em) {
+@media screen and (min-width: 64em) and (max-width: 79em) {
     .project-tagline {
         font-size: 1.25rem;
     }
@@ -307,7 +313,16 @@ a:hover {
     }
 }
 
-@media screen and (min-width: 64em)  and (max-width: 96em) {
+@media screen and (min-width: 79em)  and (max-width: 96em) {
+    .main-content {
+        max-width: 76rem;
+        padding: 2rem 3rem;
+        margin: 0 auto;
+        font-size: 1.1rem;
+    }
+}
+
+@media screen and (min-width: 64em)  and (max-width: 79em) {
     .main-content {
         max-width: 64rem;
         padding: 2rem 6rem;