diff --git a/src/components/scTable/index.vue b/src/components/scTable/index.vue
index bdf3e252..6f457454 100644
--- a/src/components/scTable/index.vue
+++ b/src/components/scTable/index.vue
@@ -20,7 +20,7 @@
 		</div>
 		<div class="scTable-page">
 			<el-pagination background :small="true" layout="total, prev, pager, next, jumper" :total="total" :page-size="pageSize" v-model:currentPage="currentPage" @current-change="reload"></el-pagination>
-			<div>
+			<div class="scTable-do">
 				<el-button @click="refresh" icon="el-icon-refresh" circle style="margin-left:15px"></el-button>
 				<el-popover placement="top" title="设置" :width="500" trigger="click">
 					<template #reference>
@@ -135,4 +135,5 @@
 	.scTable {display:flex;flex-direction:column;height:100%;}
 	.scTable-table {flex:1;}
 	.scTable-page {height:50px;display: flex;align-items: center;justify-content: space-between;padding:0 15px;}
+	.scTable-do {white-space: nowrap;}
 </style>
diff --git a/src/layout/index.vue b/src/layout/index.vue
index da0720fa..65dee27e 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -1,7 +1,7 @@
 <template>
 	<Side></Side>
 
-	<div class="aminui-body">
+	<div class="aminui-body el-container">
 		<Head></Head>
 		<Tags></Tags>
 		<div class="adminui-main" id="adminui-main">
diff --git a/src/main.js b/src/main.js
index 60e64e02..cbc8b857 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,6 +1,7 @@
 import ElementPlus from 'element-plus'
 import locale from 'element-plus/lib/locale/lang/zh-cn'
 import 'element-plus/lib/theme-chalk/index.css'
+import 'element-plus/lib/theme-chalk/display.css'
 import { createApp } from 'vue'
 import App from './App.vue'
 import config from "./config"
diff --git a/src/style/app.less b/src/style/app.less
index 2cb41559..b90899fa 100644
--- a/src/style/app.less
+++ b/src/style/app.less
@@ -19,7 +19,7 @@ a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing: bo
 .aminui {display: flex;}
 
 /* 左侧菜单 */
-.aminui-side-split {width:65px;background: #333;}
+.aminui-side-split {width:65px;flex-shrink:0;background: #333;}
 .adminui-side-split-scroll {overflow: auto;overflow-x:hidden;height: 100%;}
 .aminui-side-split li {cursor: pointer;width: 65px;height: 65px;color: #fff;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;}
 .aminui-side-split li i {font-size: 16px;}
@@ -32,7 +32,7 @@ a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing: bo
 .adminui-side-split-scroll::-webkit-scrollbar-track {background-color: rgba(255, 255, 255, 0);}
 .adminui-side-split-scroll::-webkit-scrollbar-track:hover {background-color: rgba(255, 255, 255, 0);}
 
-.aminui-side {display: flex;flex-flow: column;width:210px;background: #fff;box-shadow: 2px 0 8px 0 rgba(29,35,41,.05);border-right: 1px solid #e6e6e6;}
+.aminui-side {display: flex;flex-flow: column;flex-shrink:0;width:210px;background: #fff;box-shadow: 2px 0 8px 0 rgba(29,35,41,.05);border-right: 1px solid #e6e6e6;}
 .adminui-side-top {border-bottom: 1px solid #ebeef5;height:50px;line-height: 50px;}
 .adminui-side-top h2 {padding:0 20px;font-size: 17px;color: #3c4a54;}
 .adminui-side-scroll {overflow: auto;overflow-x:hidden;flex: 1;}
diff --git a/src/style/fix.less b/src/style/fix.less
index 3c54d4cc..bc5e5fc4 100644
--- a/src/style/fix.less
+++ b/src/style/fix.less
@@ -14,4 +14,4 @@
 .el-main.nopadding {padding:0;background: #fff;}
 .el-drawer__body {overflow: auto;}
 .el-popconfirm__main {margin: 14px 0;}
-.el-card__header {border-bottom: 0}
\ No newline at end of file
+.el-card__header {border-bottom: 0}
diff --git a/src/views/home/gridLayout.vue b/src/views/home/gridLayout.vue
index 32ec1a5c..a5bd8d6f 100644
--- a/src/views/home/gridLayout.vue
+++ b/src/views/home/gridLayout.vue
@@ -1,7 +1,7 @@
 <template>
 	<div class="diy-grid-layout">
 		<el-row :gutter="15">
-			<el-col v-for="(item, index) in grid.layout" v-bind:key="index" :span="item">
+			<el-col v-for="(item, index) in grid.layout" v-bind:key="index" :md="item" :xs="24">
 				<draggable v-model="grid.copmsList[index]" :disabled="false" animation="200" handle=".el-card__header" group="people" @end="end" item-key="com">
 					<template #item="{ element }">
 						<div>
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index edc85cc2..a44e9275 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -11,7 +11,7 @@
 							<h2>嗨~ admin，忙碌了一上午，记得吃午饭哦。</h2>
 							<p>最近更新：动态面包屑，外部链接，Iframe链接等</p>
 						</div>
-						<div class="icons">
+						<div class="icons hidden-xs-only">
 							<div class="avatar-list">
 								<el-tooltip content="Sakuya" placement="top">
 									<el-avatar class="avatar" :size="30" src="images/avatar.jpg"></el-avatar>
@@ -59,10 +59,10 @@
 			return {}
 		},
 		mounted(){
-			
+
 		},
 		methods: {
-			
+
 		}
 
 	}
diff --git a/src/views/userCenter/index.vue b/src/views/userCenter/index.vue
index f17dab8d..7a8a41d8 100644
--- a/src/views/userCenter/index.vue
+++ b/src/views/userCenter/index.vue
@@ -1,7 +1,7 @@
 <template>
 	<el-main>
 		<el-row :gutter="15">
-			<el-col :span="8">
+			<el-col :lg="8">
 				<el-card shadow="never">
 					<div class="user-info">
 						<div class="user-info-top">
@@ -34,7 +34,7 @@
 					</div>
 				</el-card>
 			</el-col>
-			<el-col :span="16">
+			<el-col :lg="16">
 				<el-card shadow="never">
 					<el-tabs tab-position="top">
 						<el-tab-pane label="基本信息">
