更新rem

static/css/workshop.css

 .padding_box {
-    padding: 3.5rem 2rem 0;
+    padding: 1.4rem 1rem 0;
 }
 
 .flex-box {
@@ -10,13 +10,13 @@
 }
 
 .menu_box {
-    width: 10rem;
+    width: 4rem;
 }
 
 .menu_title_box {
     width: 100%;
     text-align: center;
-    font-size: 32px;
+    font-size: 0.32rem;
     color: #fff;
 }
 
@@ -28,26 +28,26 @@
 .tab_list ul li {
     color: #fff;
     font-weight: normal;
-    font-size: 16px;
+    font-size: 0.24rem;
     background: rgb(0 35 105 / 70%);
-    margin: 0.4rem 0;
+    margin: 0.2rem 0;
     border-radius: 0.2rem;
-    line-height: 2rem;
+    line-height: 0.6rem;
 }
 
 .tab_list ul li div {
-    font-size: 0.6rem;
+    font-size: 0.24rem;
     justify-content: space-around;
 }
 
 .monitor {
-    font-size: 0.5rem;
+    font-size: 0.2rem;
 }
 
 .monitor span {
     background: #006aec;
-    padding: 0.1rem 0.4rem;
-    border-radius: 2rem;
+    padding: 0.04rem 0.2rem;
+    border-radius: 0.2rem;
     margin-left: 0.1rem;
 }
 
@@ -56,7 +56,7 @@
 }
 
 .tab_list ul li.current {
-    line-height: 2rem;
+    line-height: 0.6rem;
     border: none;
     background: #006aec;
     font-weight: normal;

workshop.html

@@ -5,7 +5,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <script src="static/js/jquery-1.8.1.min.js" type=text/javascript></script>
-    <script src="static/js/flexible.js"></script>
+    <script src="static/js/rem.js"></script>
     <link rel="stylesheet" type="text/css" href="static/css/common.css" />
     <link rel="stylesheet" type="text/css" href="static/css/workshop.css" />
     <title>上海市人民检察院</title>