diff --git a/.postcssrc.js b/.postcssrc.js
deleted file mode 100644
index 36fc0ce..0000000
--- a/.postcssrc.js
+++ /dev/null
@@ -1,13 +0,0 @@
-module.exports = {
-    plugins: {
-        autoprefixer: {},
-        "@njleonzhang/postcss-px-to-rem": {
-            unitToConvert: "px",
-            widthOfDesignLayout: 1920, // 设计稿的宽度
-            unitPrecision: 3, // 十进制的单位.
-            selectorBlackList: [".ignore", ".hairlines"], // 过滤那些不用转换的class
-            minPixelValue: 1, // 设置要替换的最小像素值.
-            mediaQuery: false, // 允许在媒体查询中转换px
-        },
-    },
-};
diff --git a/src/App.vue b/src/App.vue
index 83e467d..8fb2b53 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -51,6 +51,9 @@ export default {
    margin: 0;
    padding: 0;
  }
+ .grid-content{
+   height: 1px;
+ }
 </style>
 <style scoped>
 .headers{
diff --git a/src/main.js b/src/main.js
index d44a98a..49ac3ed 100644
--- a/src/main.js
+++ b/src/main.js
@@ -8,8 +8,6 @@ import 'element-ui/lib/theme-chalk/index.css';
 
 Vue.config.productionTip = false
 Vue.use(ElementUI)
-const dashboardFlexible = require('lib-flexible-for-dashboard');
-dashboardFlexible.init(16/9)
 new Vue({
   i18n,
   router,
diff --git a/src/views/edu_teach/index.vue b/src/views/edu_teach/index.vue
index 29dfc9c..ce8e8a2 100644
--- a/src/views/edu_teach/index.vue
+++ b/src/views/edu_teach/index.vue
@@ -104,6 +104,7 @@ export default {
     position: relative;
 
     .lab {
+      font-size: 1.6rem;
       position: absolute;
       left: 4.8rem;
       top: 5rem;
@@ -136,6 +137,7 @@ export default {
         }
 
         .lab_title {
+          color: #1956BC;
           float: left;
           margin-left: 6rem;
         }
@@ -143,12 +145,12 @@ export default {
 
       .lab_select {
         background: #94BCFF;
-
         .lab_img {
           display: block;
         }
 
         .lab_title {
+          color: #FFFFFF;
           margin-left: .4rem;
         }
       }
diff --git a/src/views/footer/index.vue b/src/views/footer/index.vue
index 485909c..8092a9b 100644
--- a/src/views/footer/index.vue
+++ b/src/views/footer/index.vue
@@ -1,11 +1,14 @@
 <template>
   <div class="footer">
     <el-row>
-      <el-col :offset="3" :span="20">
+      <el-col :xs="1" :sm="2" :md="2" :lg="3" :xl="3">
+        <div class="grid-content"></div>
+      </el-col>
+      <el-col :xs="23" :sm="22" :md="22" :lg="20" :xl="20">
         <el-row>
           <el-col :span="12">
             <div class="fLeft" style="margin-top: 1rem">
-              <p style="font-family:Verdana, Geneva, sans-serif;font-weight:500;font-size:20px; padding-bottom:6px; ">
+              <p style="font-family:Verdana, Geneva, sans-serif;font-weight:500;font-size:2rem; padding-bottom:6px; ">
                 CONTACT US</p>
               <p style="margin-top: 6px;">犀浦校区地址：中国四川省成都市高新区西部园区西南交通大学 信息科学与技术学院 &nbsp;&nbsp;&nbsp;&nbsp; </p>
               <p>邮政编码：611756</p>
@@ -17,7 +20,7 @@
           <el-col :span="12">
             <table class="fRight" cellpadding="0" cellspacing="0" border="0">
               <tbody><tr>
-                <td><img src="http://sist.swjtu.edu.cn:80/zh/images/logo3.jpg"></td>
+                <td><img  style="width: 6.7rem;" src="http://sist.swjtu.edu.cn:80/zh/images/logo3.jpg"></td>
                 <td><p><a href="http://www.swjtu.edu.cn/" target="_blank">西南交通大学（中文）</a></p>
                   <p><a href="http://english.swjtu.edu.cn/public/default.aspx" target="_blank">西南交通大学（ENGLISH）</a></p>
                   <p><a href="http://fad.swjtu.edu.cn/public/Default.aspx" target="_blank">西南交通大学国际合作与交流处</a></p>
diff --git a/src/views/header/index.vue b/src/views/header/index.vue
index 58fb0f9..3995d25 100644
--- a/src/views/header/index.vue
+++ b/src/views/header/index.vue
@@ -1,6 +1,9 @@
 <template>
   <el-row>
-    <el-col :offset="4" :span="16">
+    <el-col :xs="1" :sm="2" :md="2" :lg="4" :xl="4">
+      <div class="grid-content"></div>
+    </el-col>
+    <el-col :xs="22" :sm="20" :md="20" :lg="16" :xl="16">
       <div class="header">
         <!--头部部分-->
         <div class="top">
@@ -63,7 +66,8 @@
         </div>
       </div>
     </el-col>
-    <el-col :span="4">
+    <el-col :xs="1" :sm="2" :md="2" :lg="4" :xl="4">
+      <div class="grid-content"></div>
     </el-col>
   </el-row>
 </template>
@@ -88,19 +92,19 @@ export default {
 <style scoped lang="scss">
 .header {
   .top {
-    font-size: 12px;
+    font-size: 1.2rem;
     font-family: PingFangSC-Medium, PingFang SC;
     font-weight: 500;
     color: #FFFFFF;
     text-align: center;
-    line-height: 30px;
+    line-height: 3rem;
     width: 100%;
-    height: 30px;
+    height: 3rem;
     background: #1956BC;
 
     .switchLang {
       cursor: pointer;
-      font-size: 16px;
+      font-size: 1.6rem;
     }
     .link:hover{
       background: rgba(255, 255, 255, 0.7);
@@ -109,23 +113,22 @@ export default {
   }
 
   .bottom {
-    height: 80px;
+    height: 8rem;
     background: rgba(25, 86, 188, 0.6);
-    border-radius: 0 0 20px 20px;
+    border-radius: 0rem 0rem 2rem 2rem;
     .icon{
-      font-size: 0;
       margin-left: 20%;
       div{
-        margin-top: 10px;
+        margin-top: 1rem;
       }
       .icont{
         img{
-          width: 183px;
+          width: 18.3rem;
         }
       }
       .iconb{
         img{
-          width: 89px;
+          width: 8.9rem;
         }
       }
     }
@@ -135,15 +138,15 @@ export default {
         color: #ffffff;
       }
       width: 100%;
-      height: 80px;
+      height: 8rem;
       clear: left;
       div{
         width: 9%;
         height: 100%;
-        line-height: 80px;
+        line-height: 8rem;
         text-align: center;
         float: left;
-        font-size: 14px;
+        font-size: 1.4rem;
         font-family: PingFangSC-Regular, PingFang SC;
         font-weight: 400;
         color: #FFFFFF;
diff --git a/src/views/school_profile/index.vue b/src/views/school_profile/index.vue
index 53fac2b..eae7d32 100644
--- a/src/views/school_profile/index.vue
+++ b/src/views/school_profile/index.vue
@@ -10,7 +10,11 @@
     </el-row>
 
     <el-row>
-      <el-col :offset="4" :span="16">
+
+      <el-col :xs="0" :sm="2" :md="2" :lg="4" :xl="4">
+        <div class="grid-content"></div>
+      </el-col>
+      <el-col :xs="24" :sm="20" :md="20" :lg="16" :xl="16">
         <el-row>
           <el-col :span="6">
             <div class="left_lab">
@@ -28,7 +32,7 @@
                     <img src="@/assets/school_profile/eji_icon_xz.png" alt="">
                   </div>
                   <div class="lab_title">
-                    历史沿革
+                    学院简介
                   </div>
                 </div>
                 <div class="lab_list">
@@ -36,7 +40,7 @@
                     <img src="@/assets/school_profile/eji_icon_xz.png" alt="">
                   </div>
                   <div class="lab_title">
-                    学院领导
+                    学院简介
                   </div>
                 </div>
                 <div class="lab_list">
@@ -44,7 +48,7 @@
                     <img src="@/assets/school_profile/eji_icon_xz.png" alt="">
                   </div>
                   <div class="lab_title">
-                    院长致辞
+                    学院简介
                   </div>
                 </div>
                 <div class="lab_list">
@@ -64,7 +68,7 @@
                 <div class="tab">
                   <router-link to="/">首页</router-link><span> > </span>
                   <router-link to="">学院概况</router-link><span> > </span>
-                  <span style="color: #1956BC;font-size: 1.40px">学院简介</span>
+                  <span style="color: #1956BC;font-size: 1.4rem">学院简介</span>
                 </div>
                 <div class="context">
                   <div class="title">学院简介</div>
@@ -111,6 +115,9 @@
           </el-col>
         </el-row>
       </el-col>
+      <el-col :xs="0" :sm="2" :md="2" :lg="4" :xl="4">
+        <div class="grid-content"></div>
+      </el-col>
     </el-row>
   </div>
 
@@ -132,52 +139,62 @@ export default {
   font-family: PingFangSC-Regular, PingFang SC;
   background: #F8F8F8;
   .left_lab{
-    margin-left: 40px;
-    width: 220px;
-    height: 480px;
+    margin-left: 4rem;
+    width: 22rem;
+    height: 48rem;
     background: #1956BC;
-    border-radius: 0 0 20px 0;
+    border-radius: 0rem 0rem 2rem 0rem;
     position: relative;
-    .lab{
+
+    .lab {
+      font-size: 1.6rem;
       position: absolute;
-      left: 48px;
-      top: 50px;
-      width: 190px;
-      margin-bottom: 30px;
+      left: 4.8rem;
+      top: 5rem;
+      width: 19rem;
+      margin-bottom: 3rem;
       background: #FFFFFF;
-      box-shadow: 0 2px 4px 0 rgba(6, 42, 102, 0.67);
-      border-radius: 0 0 25px 20px;
-      .lab_list:last-child{
+      box-shadow: 0rem 0.2rem 0.4rem 0rem rgba(6, 42, 102, 0.67);
+      border-radius: 0rem 0rem 2.5rem 2rem;
+
+      .lab_list:last-child {
         border: none;
       }
-      .lab_list{
+
+      .lab_list {
         text-align: center;
-        margin-left: 10px;
-        width: 180px;
-        height: 80px;
+        margin-left: 1rem;
+        width: 18rem;
+        height: 8rem;
         clear: left;
-        line-height: 80px;
-        border-bottom: 1px solid #94BCFF;
-        .lab_img{
-          margin-top: 2px;
+        line-height: 8rem;
+        border-bottom: 0.1rem solid #94BCFF;
+
+        .lab_img {
+          margin-top: .2rem;
           float: left;
-          width: 14px;
-          height: 14px;
+          width: 1.4rem;
+          height: 1.4rem;
           display: none;
-          margin-left: 40px;
+          margin-left: 4rem;
         }
-        .lab_title{
+
+        .lab_title {
+          color: #1956BC;
           float: left;
-          margin-left: 60px ;
+          margin-left: 6rem;
         }
       }
-      .lab_select{
+
+      .lab_select {
         background: #94BCFF;
-        .lab_img{
+        .lab_img {
           display: block;
         }
-        .lab_title{
-          margin-left: 4px;
+
+        .lab_title {
+          color: #FFFFFF;
+          margin-left: .4rem;
         }
       }
     }
@@ -189,26 +206,26 @@ export default {
 
 
   .tab{
-    margin-left: 19px;
-    margin-top: 15px;
+    margin-left: 1.9rem;
+    margin-top: 1.5rem;
     font-weight: 400;
     a{
       text-decoration: none;
-      font-size: 14px !important;
+      font-size: 1.4rem !important;
       color: #3C3C3C;
     }
   }
   .context{
-    margin: 30px 40px;
+    margin: 3rem 4rem;
     .title{
-      font-size: 24px;
+      font-size: 2.4rem;
       font-weight: 500;
       color: #1956BC;
       text-align: center;
     }
     .text{
-      margin-top: 20px;
-      font-size: 12px;
+      margin-top: 2rem;
+      font-size: 1.2rem;
       font-weight: 400;
       color: #3C3C3C;
     }
diff --git a/src/views/teaching_staff/index.vue b/src/views/teaching_staff/index.vue
index e75a29b..ef9f69c 100644
--- a/src/views/teaching_staff/index.vue
+++ b/src/views/teaching_staff/index.vue
@@ -103,7 +103,9 @@ export default {
     border-radius: 0rem 0rem 2rem 0rem;
     position: relative;
 
+
     .lab {
+      font-size: 1.6rem;
       position: absolute;
       left: 4.8rem;
       top: 5rem;
@@ -136,6 +138,7 @@ export default {
         }
 
         .lab_title {
+          color: #1956BC;
           float: left;
           margin-left: 6rem;
         }
@@ -143,12 +146,12 @@ export default {
 
       .lab_select {
         background: #94BCFF;
-
         .lab_img {
           display: block;
         }
 
         .lab_title {
+          color: #FFFFFF;
           margin-left: .4rem;
         }
       }