diff --git a/view/css/admin_style.css b/view/css/admin_style.css
index 0a0adcb..ce8149d 100644
--- a/view/css/admin_style.css
+++ b/view/css/admin_style.css
@@ -854,4 +854,20 @@ body{
       text-align: center;
       position: relative;
       top: -8.5px;
-    }
\ No newline at end of file
+    }
+
+  @media screen and (max-width:500px){
+    .admin-index-top-item-header-left li{
+      margin-right: 20px;
+    }
+  }
+
+  @media screen and (max-width:372px){
+    .admin-index-top-item-header-left li{
+      margin-right: 5px;
+      font-size: 13px;
+    }
+    .admin-index-top-item-header-right li{
+      margin-left: 5px;
+    }
+  }
\ No newline at end of file
diff --git a/view/templates/index/home.html b/view/templates/index/home.html
index acfdfaa..87c72f1 100644
--- a/view/templates/index/home.html
+++ b/view/templates/index/home.html
@@ -251,8 +251,10 @@ function getChartsData3(type, day, obj) {
 }
 
 function createCharts(charts_dates, charts_values, value_name) {
+    var girdLeft = 55;
+    if($(document).width()<=750) girdLeft = 10;
     var myChart = echarts.init(document.getElementById('admin-map-container'));
-    
+
     // var monthList = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'];
     var option = {
       title: {
@@ -265,7 +267,7 @@ function createCharts(charts_dates, charts_values, value_name) {
         },
       },
       grid:{
-        left:55,
+        left:girdLeft,
         top:74,
         width:'90%',
         height:226,