diff --git a/resources/assets/js/App.vue b/resources/assets/js/App.vue
index c2673f143..8fbe870f5 100755
--- a/resources/assets/js/App.vue
+++ b/resources/assets/js/App.vue
@@ -225,8 +225,8 @@ export default {
         windowSizeListener() {
             this.$store.state.windowWidth = $A(window).width()
             this.$store.state.windowHeight = $A(window).height()
-            this.$store.state.windowLarge = this.$store.state.windowWidth > 768
-            this.$store.state.windowSmall = this.$store.state.windowWidth <= 768
+            this.$store.state.windowLarge = this.$store.state.windowWidth > 834
+            this.$store.state.windowSmall = this.$store.state.windowWidth <= 834
             this.$store.state.formLabelPosition = this.$store.state.windowWidth > 576 ? 'right' : 'top'
             this.$store.state.formLabelWidth = this.$store.state.windowWidth > 576 ? 'auto' : ''
         },
diff --git a/resources/assets/js/components/ResizeLine.vue b/resources/assets/js/components/ResizeLine.vue
index 4ae1e61f0..220ea75f6 100644
--- a/resources/assets/js/components/ResizeLine.vue
+++ b/resources/assets/js/components/ResizeLine.vue
@@ -4,7 +4,7 @@
 <style lang="scss" scoped>
     .component-resize-line {
         cursor: col-resize;
-        @media (max-width: 768px) {
+        @media (max-width: 834px) {
             display: none;
         }
         &.resizing {
diff --git a/resources/assets/js/pages/manage.vue b/resources/assets/js/pages/manage.vue
index 0cfb7714a..30ed21c4b 100644
--- a/resources/assets/js/pages/manage.vue
+++ b/resources/assets/js/pages/manage.vue
@@ -1,6 +1,6 @@
 <template>
     <div v-show="userId > 0" class="page-manage" :class="{'show-tabbar': showMobileTabbar}">
-        <div class="manage-box-menu" :class="{'show768-menu': show768Menu}">
+        <div class="manage-box-menu" :class="{'show-mobile-menu': showMobileMenu}">
             <Dropdown
                 class="page-manage-menu-dropdown main-menu"
                 trigger="click"
@@ -363,7 +363,7 @@ export default {
 
             openMenu: {},
             visibleMenu: false,
-            show768Menu: false,
+            showMobileMenu: false,
 
             workReportShow: false,
             allUserShow: false,
@@ -699,7 +699,7 @@ export default {
         },
 
         async toggleRoute(path, params) {
-            this.show768Menu = false;
+            this.showMobileMenu = false;
             let location = {name: 'manage-' + path, params: params || {}};
             let fileFolderId = await $A.IDBInt("fileFolderId");
             if (path === 'file' && fileFolderId > 0) {
diff --git a/resources/assets/js/pages/manage/components/ProjectPanel.vue b/resources/assets/js/pages/manage/components/ProjectPanel.vue
index b0bdc2909..b8d38fbab 100644
--- a/resources/assets/js/pages/manage/components/ProjectPanel.vue
+++ b/resources/assets/js/pages/manage/components/ProjectPanel.vue
@@ -435,7 +435,7 @@
         <DrawerOverlay
             v-model="logShow"
             placement="right"
-            :size="768">
+            :size="720">
             <ProjectLog v-if="logShow" :project-id="projectId"/>
         </DrawerOverlay>
 
diff --git a/resources/assets/js/pages/manage/setting/index.vue b/resources/assets/js/pages/manage/setting/index.vue
index 5130f310b..dbb1b29e2 100644
--- a/resources/assets/js/pages/manage/setting/index.vue
+++ b/resources/assets/js/pages/manage/setting/index.vue
@@ -5,13 +5,13 @@
             <div class="setting-titbox">
                 <div class="setting-title">
                     <h1>{{$L(settingTitleName)}}</h1>
-                    <div v-if="!show768Box" class="setting-more" @click="toggleRoute('index')">
+                    <div v-if="!showMobileBox" class="setting-more" @click="toggleRoute('index')">
                         <Icon type="md-close" />
                     </div>
                 </div>
             </div>
         </div>
-        <div class="setting-box" :class="{'show768-box':show768Box}">
+        <div class="setting-box" :class="{'show-mobile-box':showMobileBox}">
             <div class="setting-menu">
                 <ul>
                     <li
@@ -65,7 +65,7 @@ export default {
             return this.$route.name
         },
 
-        show768Box() {
+        showMobileBox() {
             return this.routeName === 'manage-setting'
         },
 
diff --git a/resources/assets/js/store/state.js b/resources/assets/js/store/state.js
index 9c7a005dc..eb036051d 100644
--- a/resources/assets/js/store/state.js
+++ b/resources/assets/js/store/state.js
@@ -11,8 +11,8 @@ export default {
     windowScrollY: 0,
 
     // 浏览器窗口类型
-    windowLarge: $A(window).width() > 768, // 大窗口
-    windowSmall: $A(window).width() <= 768, // 小窗口
+    windowLarge: $A(window).width() > 834, // 大窗口
+    windowSmall: $A(window).width() <= 834, // 小窗口
 
     // 窗口是否激活
     windowActive: true,
diff --git a/resources/assets/sass/components/mobile.scss b/resources/assets/sass/components/mobile.scss
index 7b82a2a81..566276ee0 100644
--- a/resources/assets/sass/components/mobile.scss
+++ b/resources/assets/sass/components/mobile.scss
@@ -320,7 +320,7 @@ body.support-touch {
     }
 }
 
-@media (max-width: 768px) {
+@media (max-width: 834px) {
     .mobile-tabbar {
         display: flex;
     }
diff --git a/resources/assets/sass/components/right-bottom.scss b/resources/assets/sass/components/right-bottom.scss
index af13ad14b..464ca41c3 100644
--- a/resources/assets/sass/components/right-bottom.scss
+++ b/resources/assets/sass/components/right-bottom.scss
@@ -88,7 +88,7 @@
     }
 }
 
-@media (max-width: 768px) {
+@media (max-width: 834px) {
     .common-right-bottom {
         bottom: 20px;
         right: auto;
diff --git a/resources/assets/sass/pages/components/chat-input.scss b/resources/assets/sass/pages/components/chat-input.scss
index ba8cefd8a..4a74cd89c 100755
--- a/resources/assets/sass/pages/components/chat-input.scss
+++ b/resources/assets/sass/pages/components/chat-input.scss
@@ -788,7 +788,7 @@
     }
 }
 
-@media (max-width: 768px) {
+@media (max-width: 834px) {
     .chat-input-box {
         .chat-input-quick-emoji {
             right: 10px;
diff --git a/resources/assets/sass/pages/components/dialog-group-info.scss b/resources/assets/sass/pages/components/dialog-group-info.scss
index 071461b2c..4015be21d 100644
--- a/resources/assets/sass/pages/components/dialog-group-info.scss
+++ b/resources/assets/sass/pages/components/dialog-group-info.scss
@@ -71,7 +71,7 @@
                     }
                 }
 
-                @media (max-width: 768px) {
+                @media (max-width: 834px) {
                     &:hover {
                         background-color: transparent;
                     }
@@ -123,7 +123,7 @@
                     transform: translateX(50%);
                     transition: all 0.2s;
 
-                    @media (max-width: 768px) {
+                    @media (max-width: 834px) {
                         opacity: 1;
                         transform: translateX(0);
                     }
diff --git a/resources/assets/sass/pages/components/dialog-respond.scss b/resources/assets/sass/pages/components/dialog-respond.scss
index 98e66a3cc..eab69ddc7 100644
--- a/resources/assets/sass/pages/components/dialog-respond.scss
+++ b/resources/assets/sass/pages/components/dialog-respond.scss
@@ -42,7 +42,7 @@
                     background-color: rgba($primary-desc-color, 0.1);
                 }
 
-                @media (max-width: 768px) {
+                @media (max-width: 834px) {
                     &:hover {
                         background-color: transparent;
                     }
diff --git a/resources/assets/sass/pages/components/dialog-wrapper.scss b/resources/assets/sass/pages/components/dialog-wrapper.scss
index 4149e8218..abcfc1260 100644
--- a/resources/assets/sass/pages/components/dialog-wrapper.scss
+++ b/resources/assets/sass/pages/components/dialog-wrapper.scss
@@ -1621,7 +1621,7 @@ body.support-touch {
     }
 }
 
-@media (max-width: 768px) {
+@media (max-width: 834px) {
     .dialog-wrapper {
         background-color: #f8f8f8;
         &.drawer-list {
@@ -1853,7 +1853,7 @@ body.support-touch {
     }
 }
 
-@media (max-width: 768px) and (min-width: 390px){
+@media (max-width: 834px) and (min-width: 390px){
     .dialog-wrapper-operate {
         .operate-action {
             width: 376px;
diff --git a/resources/assets/sass/pages/components/file-content.scss b/resources/assets/sass/pages/components/file-content.scss
index 3b2f81041..ee7973b3b 100644
--- a/resources/assets/sass/pages/components/file-content.scss
+++ b/resources/assets/sass/pages/components/file-content.scss
@@ -314,7 +314,7 @@
     }
 }
 
-@media (max-width: 768px) {
+@media (max-width: 834px) {
     .file-preview {
         .edit-header {
             .header-hint {
@@ -329,7 +329,7 @@
         overflow: auto;
         .edit-header,
         .content-body {
-            min-width: 768px;
+            min-width: 720px;
             overflow-x: auto;
             .teditor-loadedstyle {
                 .tox-menubar,
diff --git a/resources/assets/sass/pages/components/meeting-manager.scss b/resources/assets/sass/pages/components/meeting-manager.scss
index ff526de7b..52bac354b 100644
--- a/resources/assets/sass/pages/components/meeting-manager.scss
+++ b/resources/assets/sass/pages/components/meeting-manager.scss
@@ -49,7 +49,7 @@ body {
                                     }
                                 }
                             }
-                            @media (max-width: 768px) {
+                            @media (max-width: 834px) {
                                 grid-template-columns: none;
                                 grid-gap: 12px;
                                 display: flex;
diff --git a/resources/assets/sass/pages/components/project-panel.scss b/resources/assets/sass/pages/components/project-panel.scss
index 3b7315587..fc600d1a1 100644
--- a/resources/assets/sass/pages/components/project-panel.scss
+++ b/resources/assets/sass/pages/components/project-panel.scss
@@ -1026,7 +1026,7 @@
     }
 }
 
-@media (max-width: 768px) {
+@media (max-width: 834px) {
     .project-panel {
         .project-titbox {
             position: sticky;
@@ -1096,7 +1096,7 @@
         .project-table {
             .project-table-head,
             .project-table-body {
-                min-width: 768px;
+                min-width: 720px;
                 margin: 0 24px 12px;
             }
         }
diff --git a/resources/assets/sass/pages/components/task-add.scss b/resources/assets/sass/pages/components/task-add.scss
index a4e5b97cb..97ffda21b 100644
--- a/resources/assets/sass/pages/components/task-add.scss
+++ b/resources/assets/sass/pages/components/task-add.scss
@@ -206,7 +206,7 @@
     }
 }
 
-@media (max-width: 768px) {
+@media (max-width: 834px) {
     .task-add {
         .task-add-form,
         .task-add-advanced {
diff --git a/resources/assets/sass/pages/components/task-detail.scss b/resources/assets/sass/pages/components/task-detail.scss
index 5f7e3b5fe..519e7967d 100644
--- a/resources/assets/sass/pages/components/task-detail.scss
+++ b/resources/assets/sass/pages/components/task-detail.scss
@@ -858,7 +858,7 @@
     }
 }
 
-@media (max-width: 768px) {
+@media (max-width: 834px) {
     .task-detail {
         .task-info {
             .scroller {
diff --git a/resources/assets/sass/pages/page-calendar.scss b/resources/assets/sass/pages/page-calendar.scss
index cfb207b49..389f59720 100644
--- a/resources/assets/sass/pages/page-calendar.scss
+++ b/resources/assets/sass/pages/page-calendar.scss
@@ -191,7 +191,7 @@
     }
 }
 
-@media (max-width: 768px) {
+@media (max-width: 834px) {
     .page-calendar {
         .calendar-head {
             .calendar-titbox {
diff --git a/resources/assets/sass/pages/page-dashboard.scss b/resources/assets/sass/pages/page-dashboard.scss
index 62da73898..8969ae294 100644
--- a/resources/assets/sass/pages/page-dashboard.scss
+++ b/resources/assets/sass/pages/page-dashboard.scss
@@ -286,7 +286,7 @@
     opacity: 0;
 }
 
-@media (max-width: 768px) {
+@media (max-width: 834px) {
     .page-dashboard {
         .dashboard-wrapper {
             display: block;
diff --git a/resources/assets/sass/pages/page-file.scss b/resources/assets/sass/pages/page-file.scss
index eb65835f5..af499651b 100644
--- a/resources/assets/sass/pages/page-file.scss
+++ b/resources/assets/sass/pages/page-file.scss
@@ -695,7 +695,7 @@
     }
 }
 
-@media (max-width: 768px) {
+@media (max-width: 834px) {
     .page-file {
         .file-wrapper {
             .file-head {
diff --git a/resources/assets/sass/pages/page-login.scss b/resources/assets/sass/pages/page-login.scss
index d2b02e024..ca8393a6b 100644
--- a/resources/assets/sass/pages/page-login.scss
+++ b/resources/assets/sass/pages/page-login.scss
@@ -198,7 +198,7 @@
     }
 }
 
-@media (max-width: 768px) {
+@media (max-width: 834px) {
     .page-login {
         .login-body {
             padding: 0 0 110px;
diff --git a/resources/assets/sass/pages/page-manage.scss b/resources/assets/sass/pages/page-manage.scss
index 666ab4f75..bf3cbeed0 100644
--- a/resources/assets/sass/pages/page-manage.scss
+++ b/resources/assets/sass/pages/page-manage.scss
@@ -421,7 +421,7 @@
     }
 }
 
-@media (max-width: 768px) {
+@media (max-width: 834px) {
     .page-manage {
         &.show-tabbar {
             .manage-box-main {
@@ -436,7 +436,7 @@
             bottom: 0;
             width: 100%;
             transform: translateX(-120%);
-            &.show768-menu {
+            &.show-mobile-menu {
                 transform: translateX(0);
             }
         }
diff --git a/resources/assets/sass/pages/page-messenger.scss b/resources/assets/sass/pages/page-messenger.scss
index 1c820981d..b868822fb 100644
--- a/resources/assets/sass/pages/page-messenger.scss
+++ b/resources/assets/sass/pages/page-messenger.scss
@@ -590,7 +590,7 @@
     }
 }
 
-@media (max-width: 768px) {
+@media (max-width: 834px) {
     .page-messenger {
         .messenger-wrapper {
             .messenger-select {
diff --git a/resources/assets/sass/pages/page-setting.scss b/resources/assets/sass/pages/page-setting.scss
index ca290d85d..81f5fc15c 100755
--- a/resources/assets/sass/pages/page-setting.scss
+++ b/resources/assets/sass/pages/page-setting.scss
@@ -372,7 +372,7 @@
     }
 }
 
-@media (max-width: 768px) {
+@media (max-width: 834px) {
     .page-setting {
         .setting-head {
             margin: 32px 32px 0;
@@ -391,7 +391,7 @@
         }
         .setting-box {
             position: relative;
-            &.show768-box {
+            &.show-mobile-box {
                 .setting-menu {
                     transform: translateX(0);
                 }
diff --git a/resources/views/desktop.blade.php b/resources/views/desktop.blade.php
index f3d23c4b0..6b49c3447 100755
--- a/resources/views/desktop.blade.php
+++ b/resources/views/desktop.blade.php
@@ -100,7 +100,7 @@
             line-height: 26px
         }
 
-        @media (max-width: 768px) {
+        @media (max-width: 834px) {
             .mirror {
                 width: 100%;
                 padding: 0 15px 10px