diff --git a/src/views/stock/chg/Index.vue b/src/views/stock/chg/Index.vue
index 376f1ed..c71cfec 100644
--- a/src/views/stock/chg/Index.vue
+++ b/src/views/stock/chg/Index.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <NewsChg />
-    <div style="display: flex">
+    <div class="uplow-container">
       <UpLow :chg-content="chgContent" :chart-type="uplow" style="flex: 1" />
       <UpLow :chg-content="chgContent" :chart-type="uplowlimit" style="flex: 1" />
     </div>
@@ -43,5 +43,12 @@ const getData = () => {
 </script>
 
 <style scoped lang="scss">
-
+@media screen and (max-width: 800px) {
+  .uplow-container{
+    display: block !important;
+  }
+}
+.uplow-container{
+  display: flex;
+}
 </style>