手机访问布局细分

templates/base.html

@@ -19,13 +19,6 @@ body{
     font-family: sans-serif;
     line-height: 1.25;
 }
-@media (max-width: 767px) {
-    body { padding: 8px;} 
-    .subnav-search form{display:none;}
-    .subnav-search svg{display:none;}
-    .SideNav-item .listLabels{display:none;}
-    #buttonRSS{display:none;}
-}
 
 .avatar {transition: 0.8s;}
 .avatar:hover {transform: scale(1.15) rotate(360deg);}

templates/plist.html

@@ -15,6 +15,14 @@ h1 a:not([href]){color:inherit;text-decoration:none;vertical-align: bottom;font-
 .SideNav{min-width: 360px;}
 .SideNav-icon{margin-right: 16px}
 .SideNav-item .Label{color: #fff;margin-left:8px;}
+@media (max-width: 767px) {
+    body { padding: 8px;}
+    h1 a{font-size:24px;}
+    .subnav-search form{display:none;}
+    .subnav-search svg{display:none;}
+    #buttonRSS{display:none;}
+    .SideNav-item .listLabels{display:none;}
+}
 </style>
 {% endblock %}
 
@@ -43,7 +51,7 @@ h1 a:not([href]){color:inherit;text-decoration:none;vertical-align: bottom;font-
     </button>
     {%- endif %}
     {%- endfor %}
-    <button class="btn btn-invisible circle" onclick="window.location.href='/rss.xml'" title="RSS">
+    <button id="buttonRSS" class="btn btn-invisible circle" onclick="window.location.href='/rss.xml'" title="RSS">
         <svg class="octicon" width="16" height="16" >
             <path id="pathRSS" fill-rule="evenodd"></path>
         </svg>

templates/post.html

@@ -9,6 +9,7 @@ h1 a:not([href]){color:inherit;text-decoration:none;vertical-align: bottom;font-
 #postBody hr{height:2px;}
 #cmButton{height:48px;margin-top:48px;}
 #comments{margin-top:64px;}
+@media (max-width: 767px) {body {padding: 8px;}}
 </style>
 {% endblock %}
 {% block header %}